Как получить следующий узел с помощью jquery?

Question

В моей HTML структуре, у меня есть таблица и Div теги, расположенные, как этот

<table>...</table> 
<div>...</div> 
<table>...</table> 
<div>...</div> 
<table>...</table> 
<div>...</div> 
etc... 

Это asp.net вид древовидной структуры. Я хочу перебирать все узлы и узлы. (таблица - это узел, div, который появляется сразу после того, как это суб-узлы для этого узла)

Я могу перебирать все теги таблицы, делая это $('#treeviewid > table'), который получает мне узлы на этом уровне, но для текущего table tag, как я могу получить тег div, который находится сразу после него, и как я могу проверить, существует ли он вообще, потому что у этого узла могут быть не какие-либо подэлементы.

Спасибо.

Answer 1

как я могу получить тег Div, который подходит именно после него?

использование .next()

$('#treeviewid > table').eq(1).next('div'); 

как я могу проверить, если он вообще существует?

использование .length()

if($('#treeviewid > table').eq(1).next('div').length > 0){ 
} 

Answer 2

с .next.

$('table')[2].next('div');

Answer 3

$('#treeviewid > table').eq(0).next()

Answer 4

Следующая соседнему Selector («пред + рядом»)

JQuery ("пред + следующий")

предыдущая: Любой действительный селектор. next: Селектор, соответствующий элементу, который находится рядом с первым селектором.

В субъектный падеж:

$('#treeviewid > table + div')

Answer 5

Проверить эту скрипку: visit, or see static fixture below:

Ваша разметка:

<table class="i1">...</table> 
<div>1</div> 
<table class="i2">...</table> 
<!--<div>1</div>--> 
<table class="i3">...</table> 
<div>3</div> 

код найти DIV:

var divsAfter = $('table.i2').next('div'); // a scenario when the second table is taken 
alert(divsAfter.length); // 0, if no 'div' follows 
if (divsAfter.length) { 
    alert(divsAfter.text()); 
}