javascript - 复杂 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 子元素(它包括元素，除了名为“chose”的类之外。我尝试过类似的操作:

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

但是我没有成功...

Answer 1

children() ul的元素是 li元素，而不是 div你所追求的元素。您需要使用jQuery's find() method相反:

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

JSFiddle demo .

<小时/>

But i want to select the li elements to... i want that the complete return be: <li> <div class='truc'></div> <div class='machin'></div> </li>

在这种情况下，你可以使用这个:

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

JSFiddle demo .