选择外部和儿童，没有内部div

Question

<div class="outer">
 <div class="inner">
  <div class="child">

  </div>
 </div>
</div>

I want to select outer and child only. But selecting outer will include inner and child. If I used not ie $(".outer , .child").not(".inner") , it will exclude child too.

ie I want to select outer and child ,without inner .

Answer 1

As you can't select it perfectly using a single query, you'd be better taking it out of the DOM (You can't get the results you want as is )

//So clone it it from the dom
var outer = $('.outer').clone();
var child = $('child').clone();

// Remove the `Inner` from the cloned version
outer.find('.inner').detach();

// Add the child to the outer.
outer.append(child);

Answer 2

您可以使用：

$('.outer, .outer :not(.inner)')

Answer 3

只需使用.outer,.child ：

$('.outer,.child')

Answer 4

Use like this:

$('.outer .child').not('.inner .child');

demo

Or, how about using this:

$('.outer > .child')

demo

Or, are you referring like this:

$('.outer, .outer .child').not('.inner .child');