$('div')將找到所有<div>元素。
但是，我想查詢這種情況：
<div class="shoud_be_in_query">
<div> test </div>
</div>
<section>
<div class="shoud_be_in_query">
<div> test </div>
</div>
<div class="shoud_be_in_query">
<div> test </div>
</div>
</section>
<section>
<section>
<div class="shoud_be_in_query"> test </div>
</section>
</section>
我想查詢出所有div不是任何其他孩子的孩子div。有沒有辦法做到這一點？
uj5u.com熱心網友回復：
您可以使用.filter()類似：
$("div").filter(function() {
return $(this).parent()[0].tagName !== "DIV"
})
演示
顯示代碼片段
console.log($("div").filter(function() {
return $(this).parent()[0].tagName !== "DIV"
}).length)<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="shoud_be_in_query">
<div> test </div>
</div>
<section>
<div class="shoud_be_in_query">
<div> test </div>
</div>
<div class="shoud_be_in_query">
<div> test </div>
</div>
</section>
<section>
<section>
<div class="shoud_be_in_query"> test </div>
</section>
</section>uj5u.com熱心網友回復：
您可以嘗試這種方式來過濾所有有div父母的元素。
$('div').filter((index, element) => $(element).parent()[0].localName !== 'div')
uj5u.com熱心網友回復：
假設：
我想查詢所有不是任何其他 div子級的 div
您可以使用選擇器
:not(div) > div
您可以將其與 jQuery、document.querySelectorAll 或 CSS 一起使用（因此不需要 js，具體取決于您的需要）
例子：
console.log($("div").length)
console.log($(":not(div) > div").length)
console.log($(":not(div) > div").filter(".shoud_be_in_query").length == $(":not(div) > div").length)
console.log($(":not(div) > div").filter(":not(.shoud_be_in_query)").length == 0)
console.log(document.querySelectorAll(":not(div) > div").length):not(div)>div {
border: 1px solid red;
}
div {
border: 1px solid blue;
margin: 2px;
padding: 2px;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="shoud_be_in_query">
<div> test </div>
</div>
<section>
<div class="shoud_be_in_query">
<div> test </div>
</div>
<div class="shoud_be_in_query">
<div> test </div>
</div>
</section>
<section>
<section>
<div class="shoud_be_in_query"> test </div>
</section>
</section>轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/437461.html
標籤：javascript html jQuery