如何使用jquery獲取下一個節點？

Question

在我的HTML結構，我已經安排了這樣

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

這是asp.net樹視圖結構表和div標籤。我想遍歷所有的節點和子節點。 （表是節點，緊接着出現的div是該節點的子節點）

我可以通過這樣做遍歷所有表標記$('#treeviewid > table')，它可以獲得該級別上的節點，但是對於當前table標籤，我怎麼才能得到正確的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

下一個相鄰的選擇（「上一頁+未來」）

的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()); 
}