jquery - 如何在子跨度中切换课程？

Question

我的html是

<tr>
  <td>
    <a id="@td.Id" href="javascript:void(0);" class="details">
      <i class="fal fa-search-plus"></i>
    </a>
   </td>
</tr>

我如何将课程从 切换fa-search-plus到fa-search-minus，反之亦然

通过使用.details点击事件？

$('#myTable tbody').on('click', '.details', function (e) {
     e.preventDefault();
     var table = $('#myTable').DataTable();
     var tr = $(this).closest('tr');
     var row = table.row(tr);
});

您可能会注意到，我希望在选定的子节点上应用切换类，而不是在选定的子节点上。

标签： jquery

Answer 1

所以选择i并切换类toggleClass()

$(this).find('i').toggleClass('fa-search-plus fa-search-minus')