Как получить все элементы, кроме div (например), включая вложенные?

Question

Возможно, это длинный снимок, но есть ли способ получить коллекцию элементов в JQuery или нет без определенного тега/класса/id, даже вложенных?

Скажем, у меня есть этот кусок кода:

<div class="container1"> 
 
    Lorem ipsum dolor sit amet 
 
    <br><br> 
 
</div> 
 

 
<p>This is p 1 
 
    <div class="footer"> 
 
     tessssst 
 
     <p> 
 
      p test 
 
     </p> 
 
    </div> 
 
</p> 
 

 
<div class="container"> 
 
    tessst 
 
</div> 
 

 
<p>This is p 2 
 
    <div id="someID" class="container"> 
 
     tessssst 2 
 
    </div> 
 
</p>

Теперь я использую JQuery, как это, для того, чтобы найти все, но Div теги, в том числе потомков:

$('body').find(':not(div, div *)') 

В сборнике результатов я все еще получаю div внутри элементов p, и я не хочу этого. Есть ли способ достичь этого? Я знаю, что этот div является частью h1, и поскольку я просто хочу выбирать элементы, а не удалять или выполнять манипуляции с DOM, это может быть странно, чего нужно, но это то, что мне нужно.

Большая проблема - мне нужно получить все текстовые узлы, но исключить некоторые теги/классы/идентификаторы. Я делаю так, как предлагалось here, но это недостаточно.

Спасибо.

Answer 1

Код, который вы предоставили, кажется, работает, но, возможно, вы могли бы попробовать это?

$('body').find("*").filter(":not(div)"); 

Answer 2

Существует функция JQuery not(), который удаляет соответствующие элементы из текущего набора.

Так все, что вам нужно сделать, это

var nonDivs = $('body').find('*').not('div'); 

Answer 3

Вы можете сделать это, сначала нужно выбрать все элементы, выбрав <div> с и их потомками, а также фильтровать «все» результаты с «дивой» результат использования .not() (красный стиль используется для обозначения согласованного набора):

var all = $('body').find('*'); 
 
var divAll = $('body').find('div, div *'); 
 

 
var nonDiv = all.not(divAll); 
 

 
nonDiv.css('color', 'red');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="container1"> 
 
    Lorem ipsum dolor sit amet 
 
    <br><br> 
 
</div> 
 

 
<p>This is p 1 
 
    <div class="footer"> 
 
     tessssst 
 
     <p> 
 
      p test 
 
     </p> 
 
    </div> 
 
</p> 
 

 
<div class="container"> 
 
    tessst 
 
</div> 
 

 
<p>This is p 2 
 
    <div id="someID" class="container"> 
 
     tessssst 2 
 
    </div> 
 
</p>

Answer 4

В функции фильтра проверьте, является ли это текстовым узлом, а также проверьте все его родители для имени класса, id, тега - независимо от того, какие фильтры вы хотите фильтровать.

var textnodes = $('body').find("*").contents() 
    .filter(function() { 
     return (this.nodeType === 3 && $(this).parents("div").length <= 0); 
    }) 
    .each(function() { 
     console.log($(this).text()); 
    }); 

Вот рабочий пример: https://jsfiddle.net/hracw15o/3/