使用jQuery更改元素类

Question

我不确定为什么这行不通，也许有人可以帮忙。 我得到以下代码：

<dd class="accordion-navigation">
  <a href="#panel3" class="switch"><i class="plus"></i> Title</a>
  <div id="panel3" class="content">
    ...
  </div>
</dd>

当我单击<a>我希望将i元素的类从“正”切换为“负”。 这是我到目前为止的代码：

$('dd.accordion-navigation').on('click', 'a.switch' function(){
  $(this).find(i).removeClass('plus').addClass('minus');
});

不幸的是，它不起作用。 如果能得到提示，我会很高兴。

在此先感谢Florian

Answer 1

将选择器从变量更改为选择器。

$(this).find('i').removeClass('plus').addClass('minus');

这会起作用。

在上面的代码中，您拥有i ，在这种情况下， i将是一个变量。 但是您没有任何变量可以从中获取数据或值。 因此，您需要传递一个String来检测HTML元素。 在这种情况下， 'i'将是有效的。 否则，您可以使用字符串i元素的值创建一个单独的变量。 像这样

var i = 'i';

...然后您可以使用它。 否则，您将必须遵守约定。

Answer 2

除非您有一个变量，否则i = "i"; ，那什么也找不到。

$('dd.accordion-navigation').on('click', 'a.switch' function(){
  $(this).find('i').removeClass('plus').addClass('minus');
});