Получить содержимое после DIV в другой DIV

Question

<div class="mother"> 
    <div class="son">Content</div> 
    <h3></h3> 
    text 
    <div class="anotherSon">Content</div> 
</div> 

Таким образом, в этом примере я хотел бы получить все после «сын» -Div внутри материнского DIV (и сохранить его в переменной). Содержимое может быть любого типа, это может быть текст или элементы. Какой самый простой способ сделать это в jquery?

Answer 1

Если вы хотите включить текстовые узлы, вам нужно будет использовать contents() и выяснить, индекс .son по отношению к своему родителю:

var $contents = $(".mother").contents(); 
var sonIdx = $contents.index($(".son")); 
var elements = $contents.filter(function(i) { 
    return i > sonIdx; 
}).get(); 

Here is a fiddle, который onstrates.

Answer 2

Вы можете использовать siblings()

$('.son').siblings().next(); 

Working Fiddle