复杂的DOM选择jQuery

Question

我的DOM中有这样的结构：

<ul>
    <li>
        <div class="truc"></div>
        <div class="machin"></div>
        <div class="chose"></div>
    </li>
    <li>
        <div class="truc"></div>
        <div class="machin"></div>
        <div class="chose"></div>
    </li>
    <li>
        <div class="truc"></div>
        <div class="machin"></div>
        <div class="chose"></div>
    </li>
    <li>
        <div class="truc"></div>
        <div class="machin"></div>
        <div class="chose"></div>
    </li>
    <li>
        <div class="truc"></div>
        <div class="machin"></div>
        <div class="chose"></div>
    </li>
    <li>
        <div class="truc"></div>
        <div class="machin"></div>
        <div class="chose"></div>
    </li>
</ul>

我想选择所有的ul子级（它包括元素，除了名为“ choose”的类外。我尝试了以下操作：

$('ul').children().not('.chose')

但是我没有成功

Answer 1

ul元素的children()是li元素，而不是您要使用的div元素。 您需要改用jQuery的find()方法 ：

$('ul').find('div').not('.chose')

JSFiddle演示 。

---

但是我想选择li元素来...我希望完整的返回值是： <li> <div class='truc'></div> <div class='machin'></div> </li>

在这种情况下，您可以使用以下命令：

$('ul').find('li, div').not('div.chose')

JSFiddle演示 。

Answer 2

尝试使用$('ul li') 。 <li>是<ul>的直接子代，而不是<div>

$('ul li').children().not('.chose')

如果要删除这些<div>

$('ul li').children('.chose').remove();