jquery - 使用 jQuery 将类添加到 li

Question

我正在尝试<input type="radio" />使用 jQuery 在标签的单击事件上将类添加到标签的标签中。

$(".gallery ul li input").each(function () {
    $(this).click(function () {
        var lblid = ".gallery ul li";
        var inplb = ".gallery ul li input";

        if ($(inplb).is(":checked")) {
            $(lblid).addClass('active');
        }
        else {
            $(lblid).removeClass('active');
        }
    });
});

和 html

<div class="gallery">
  <ul>
   <li><span></span><label for="slim1"><img  src="../boo/img/banks_03.png" alt="" /></label><input type="radio" id="slim1" name="slim1" /></li>
   <li><span></span><label for="slim2"><img src="../boo/img/banks_05.png" alt="" /></label><input type="radio" id="slim2" name="slim2" /></li>
  </ul>
</div>

有谁知道为什么该课程不适用？

Answer 1

单击标签时将触发收音机的更改事件：

$(".gallery ul li input").on('change', function () {
    $(".gallery ul li").removeClass('active');
    $(this).closest('li').toggleClass('active', this.checked);
});

小提琴

Answer 2

你可以这样做：

$(".gallery ul li input").on('click', function () {
    $(this).parents('li').toggleClass('active').siblings().removeClass("active");
});

演示