Wie wählt man alle Elemente in DOM abgesehen von einem div und den Kindern

Question

Ich muss alle Elemente im DOM mit JQuery/JS, abgesehen von einem div auswählen. Das einzige Problem ist, ich muss auch die divs Kinder in der Auswahl freistellen. Zum Beispiel:

<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 

Ich habe versucht, das .not() Schlüsselwort, aber es wählt nur die Eltern div, und die Kinder sind immer noch betroffen.

Answer 1

Sie können alle Elemente mit $('body *') wählen, aber nicht div und nicht die Kinder von div mit .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>

Answer 2

$('*').not('div, div > li'); 

Answer 3

console.log($('body *').not('div, div li, script'));

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