如何使用jQuery檢查子元素是否沒有類

Question

我試圖弄清楚如何檢查父div是否具有沒有特定類的子p元素。

所以例如

    <div id="one" class="item">
        <p class="A"></p>
        <p class="B"></p>
        <p class="C"></p>
    </div>

    <div id="two" class="item">
        <p class="B"></p>
        <p class="C"></p>
    </div>

如果div沒有類“ A”的ap元素，我想隱藏該div。

我該怎么做？

我試過了：

if (jQuery(".item > p.A").length <= 0){
    //run code here
}

但這似乎不起作用

謝謝

Answer 1

您可以像這樣使用jQuery ：has（）和：not（）

$('div:not(:has(p.A))').hide();

 $('div:not(:has(pA))').hide(); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <div id="one" class="item"> <p class="A">A</p> <p class="B">B</p> <p class="C">C</p> </div> <div id="two" class="item"> <p class="B">B</p> <p class="C">C</p> </div> 

或者 ，您可以采用迭代方法

$('div').each(function() {
  if ($(this).has('p.A').length == 0) {
    $(this).hide();
  }
});

 $('div').each(function() { if ($(this).has('p.A').length == 0) { $(this).hide(); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <div id="one" class="item"> <p class="A">A</p> <p class="B">B</p> <p class="C">C</p> </div> <div id="two" class="item"> <p class="B">B</p> <p class="C">C</p> </div> 

Answer 2

您的jQuery代碼應為：

if ($('.item p').hasClass('A')) {
  // statement
}

Answer 3

您也可以這樣做。 在我看來，這可以更好地描述您的工作，並且在您重新閱讀時會更容易。 小提琴： http ： //jsfiddle.net/ayxdm7y3/

if ($('div').children().hasClass("A")){
   console.log("yes");
}