JQuery：如何從包含 span 元素的選擇 div 元素中排除？

Question

我從表中選擇了一組div元素，將選擇過濾為僅包含類__gwt_cell的div元素，然后使用此命令將它們保存到數組中

var myarray = $('table > tbody > tr > td > div').filter('div[__gwt_cell]')

現在我想從這個選擇中排除所有包含span元素的div元素，所以所有的片段都是這樣的：

<div style="outline-style:none;" __gwt_cell="cell-gwt-uid-615" tabindex="0">
    <span class="gwt-CheckBox">
        <input type="checkbox" class="filled-in" tabindex="-1" value="on" id="gwt-uid-708"> 
        <label for="gwt-uid-708"></label>
    </span>
</div>

為了做到這一點，我已經閱讀了這個線程，還原了解決方案的語法，並編寫了這個命令

var myarray = $('table > tbody > tr > td > div').filter('div[__gwt_cell]').filter('div:not(div span)');

不幸的是，這不起作用。

我怎樣才能得到想要的結果？

Answer 1

:has() 選擇器是你需要的

var myarray = $('table > tbody > tr > td > div').filter('div[__gwt_cell]').not('div:has(span)');

命令的最后一部分，即.not('div:has(span)') ，是說

“排除至少有一個span元素作為子元素的div元素”