如何只用jQuery选择一个多类

Question

我的表单后面有复选标记。它们都与标签绑定并具有所有类名。我可以为每个人创建新的课程或ID，但认为他们只是选择特定课程内的复选标记更容易吗？

http://jsfiddle.net/70fbLooL/

 <script>
    $(document).ready(function(){
        $(".companyLabel").click(function(){
          $(".fa-check").toggle();
          $(this).toggleClass("companyLabelBackground");
        });
    });
</script>

Answer 1

$(".fa-check").toggle();将使用类.fa-check切换所有元素。

相反，请使用find()获取与this相关的最接近元素。

试试这个：

$(document).ready(function () {
    $(".companyLabel").click(function () {
        $(this).find(".fa-check").toggle();
        $(this).toggleClass("companyLabelBackground");
    });
});

<强> JSFiddle Demo

Answer 2

您可以使用.closest()和.find()动态检测最近的div或元素。例如

$(this).closest('.companyLabel').find('.fa-check').toggle();

代码：

$(document).ready(function(){
            $(".companyLabel").click(function(){
                 $(this).closest('.companyLabel').find('.fa-check').toggle();
            });
        });

JSFIDDLE DEMO