如何使用$（）。隐藏按钮？

Question

我有一个javascript函数，可以动态创建一个按钮，该按钮的ID调用一个使其唯一的值。

id='btnRemove_" + rowId + "'

因为它有一个调用值的id，所以在某些情况下，我将如何使用hid（）方法来隐藏这个按钮？

var createChildTableRowDeleteButton = function(rowId, title) {
  return $("<button type='button' class='btn btn-sm btn-danger remove' id='btnRemove_" + rowId + "' title='" + title + "'>" +"<span class='delete glyphicon white glyphicon-remove'></span></button>").click(function() {
      $(this).closest('tr').remove();
    });
};

Answer 1

附加动态内容时要采取的标准方法是使用委托事件处理程序。这样，您就不需要编写难看的代码来动态生成、维护或验证id属性。该模式如下所示：

// function to create the button
let createChildTableRowDeleteButton = title => `<button type="button" class="btn btn-sm btn-danger remove" title="${title}">${title}<span class="delete glyphicon white glyphicon-remove"></span></button>`;

// delegated event handler to handle button click
$('table').on('click', '.remove', e => {
  $(e.target).closest('tr').remove();
});

// call the function to create the button
$('td').append(createChildTableRowDeleteButton('foo bar'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <td></td>
  </tr>
</table>