選擇其子元素在jQuery中不包含特定元素的元素

Question

我想選擇子頁面上不包含具有特定類的元素的所有div。

我可以選擇其后代確實包含類的元素：

$('div').has('.myClass');

所以我只想要反過來。

Answer 1

我用“.filter（）”：

var theDivs = $('div').filter(function() {
  return $(this).find('.myclass').length === 0;
});

Answer 2

一個簡單的$("div:not(:has(.myClass))")將完成這項工作。

它在jQuery內部如何工作？

1） $("div") - 從文檔中獲取所有DIV。

2） :not(:has(.myClass)) - 這兩個語句嵌套在另一個語句中。 現在jQuery執行:has(.myClass)在上面的步驟中對結果DIV執行:has(.myClass)並獲取類名為“myClass”的所有DIV

3） :not() - 這個偽選擇器方法將應用於來自步驟1的所有DIV對抗由第二個語句產生的DIV，以找到沒有'.myClass'的DIV。 這可以通過循環遍歷步驟1中的所有DIV並比較第二步中的DIV來實現。

Answer 3

$('div:not(:has(*>.myClass))');

Answer 4

$('div').has(':not(.myClass)');