jQuery:选择不是某个类的后代的所有元素

Question

<div class="container" id = "0" >
   <div class="x" id = "1"> 
      <div id = "2"> 
        <p id = "3">
          <span id = "4" >text</span> 
        </p>
      <div>
    </div>

    <div id="5">
      <div id="6"> 
        <p id="7">
          <span class="x" id="8" >text</span> 
          <span id="9">text</span> 
        </p>
      <div>
    </div>
<div>

你能帮我选择所有元素吗:

• 是“.container”的后代
• 不是“.x”的后代
• 本身没有类“.x”。

<小时/>

查看上面的 HTML；它应该选择元素 5,6,7 和 9

• 元素 1 的类别为“X”
• 元素 2 是类为“X”的元素(元素 1)的直接子元素
• 元素 3 和 4 是类为“X”的元素(元素 1)的后代

元素 8 具有“X”类

<小时/>

我有这个选择器，但它不断选择“X”类元素的后代(深层子元素)

var elements = $('.container').find().parents(':not(.X)').andSelf().filter(':not(.X)');

Answer 1

这应该可以做到:

$('.container').find(':not(.x):not(.x *)');

编辑:再次恢复到第一个修订版。我认为这种方式不起作用，但您的 HTML 中有一个错误，该错误使 #1 成为所有元素的父元素，因此没有选择任何元素。

<div class="container" id = "0" >
    <div class="x" id = "1"> 
      <div id = "2"> 
        <p id = "3">
          <span id = "4" >text</span> 
        </p>
      <div> <!-- <-- must be a closing div tag -->
    </div>

    <div id="5">
      <div id="6"> 
        <p id="7">
          <span class="x" id="8" >text</span> 
          <span id="9">text</span> 
        </p>
      <div> <!-- <-- must be a closing div tag -->
    </div>
<div> <!-- <-- must be a closing div tag -->