jQuery:如果所有孩子都有同一个班级

时间:2011-09-22 10:04:24

标签: javascript jquery

如何检查所有孩子或所有选择者是否拥有相同的班级?

班级不详......

<script>
    $(document).ready(function() {
        var symbols = $("div:first-child").attr("class");

        if ($("div").hasClass(symbols).length == 3) {
            console.log("same");
        };
    });
</script>
<div class="john"></div>
<div class="john"></div>
<div class="john"></div>

这不起作用......: - /

2 个答案:

答案 0 :(得分:13)

$("div").not('.john').length

如果任何一个div不是类john,那么它会找到它们,然后检查长度,如果它不为零,则存在一些。

这是一个问题:

$("div:first-child").attr("class")

它将返回整个类字符串,但div可能有多个类,并且将返回所有类。但是当你用我的代码或hasClass检查时,你只能发送一个类,而不是一堆。

答案 1 :(得分:4)

HTML:

<div class="parent"> 
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
</div>

jQuery的:

if ($(".parent").children().length == $(".parent").children(".child").length) {
    alert("wooo all the things have teh same class");
}