jquery - 选择 1 级子元素

Question

我有以下 HTML 结构

<div id="el">
  ...
  <div>
    ... 
    <div class="x"> 
      ...
      <div>
        <div class="x"> 
         ...
        </div> 
      </div>
      ...
    </div>  
    ...
  </div>


</div>

如何通过 #el 选择 .x，但前提是它位于第一级？

#el > .x 它不起作用，因为 .x 可以有其他父元素:s

如果不可能，我如何忽略父级具有特定类的 .x 元素？

Answer 1

你可以做两个选择器。一个用于获取，另一个用于否定...

$('#el .x').not('#el .x .x'); 

这可以是工作。看看:http://jsfiddle.net/hPsY2/