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

Question

除了一个 div 之外，我需要使用 JQuery/JS 选择 DOM 中的所有元素。唯一的问题是，我还需要在选择中免除 div 子项。例如:

<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，子 div 仍然受到影响。

Answer 1

您可以使用 $('body *') 选择所有元素，但不能使用 div 并且不能使用 选择 div 的子元素。 not('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>