javascript - JQuery Change 类在 Div Clicked 最近的 "i"

Question

我有几个带有 onclick 功能的 Div，如下所示:

<div onclick="myfunc();">
    <i class="myclass1"></i>
</div>

<div onclick="myfunc();">
    <i class="myclass1"></i>
</div>

<div onclick="myfunc();">
    <i class="myclass1"></i>
</div>

<div onclick="myfunc();">
    <i class="myclass1"></i>
</div>

我想更改我决定点击的 Div 的“i”中的类。

这就是我正在尝试的，但没有任何改变:

$(this).closest('i').removeClass('myclass1');
$(this).closest('i').addClass('myclass2');

我怎样才能解决这个问题，让它改变类？

Answer 1

您应该避免内联处理程序，并且您需要.find div 中的i。 .closest() 向上搜索 dom

$('div').on('click',function(){

  $(this).find('i').removeClass('myclass1');
  $(this).find('i').addClass('myclass2');
});