javascript-如何选择DOM中除一格和子级之外的所有元素

除了一个div,我需要使用JQuery / JS选择DOM中的所有元素.唯一的问题是,我还需要在选择中免除divs孩子.例如：

<li>1</li>
<li>2</li>
<div>
  3
  <li>3.1</li>
  <li>3.2</li>
</div>

$('*').not('div and children');

//should give me li 1 and 2, but not div 3 or li 3.1/3.2

我已经尝试过.not()关键字,但是它仅选择父div,而子级仍然受到影响.

解决方法:

您可以选择所有带有$(‘body *’)的元素,但不能选择div,而不能选择.not(‘div,div *’)的div的子元素.

$('body *').not('div, div *').css('color', 'red');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li>1</li>
<li>2</li>
<div>
  3
  <li>3.1</li>
  <li>3.2</li>
</div>