javascript - Jquery 在不传递 Id 的情况下删除 span 对象的类

Question

我有一个 input 标签，前面有一个 span 标签。

<li>
<span class="class1 class2" style="background-position: 0pt 0pt;"></span>
<input id="in1" class="inputclass" type="checkbox" name="in1">
<label for="in1">text here</label>
</li>
<li>
<span class="class1 class2" style="background-position: 0pt 0pt;"></span> 
<input id="in2" class="inputclass" type="checkbox" name="in2">
<label for="in2">text2 here</label>
</li>

我需要从上面的第二个跨度标签中删除Checkbox，即选中1 IN1。我该怎么做？

还有很多输入和跨度标签。请帮忙。

谢谢

Answer 1

你可以使用这个:

$('.inputclass:checkbox').on('change', function() {
    $(this)
        .parent() // li tag
        .next() // adjacent li tag
        .children('span')
        .toggleClass('class2', !this.checked);
});

更改后，它会找到 <span>元素里面下<li > 并切换 .class2使用 .toggleClass() 根据点击与否进行分类.

如果选择框被动态添加到文档中，您可以像这样使用事件委托(delegate):

$(document).on('change', '.inputclass:checkbox', function() { ... });

更改 document在可能的情况下添加到所有复选框的最接近祖先的元素。