如何簡化這個jQuery樹遍歷？

Question

HTML

... 
<a id="delete1" href="http://www.example.com">TEST</a> 
<p>First</p> 
<p>Second</p> 
<ul> 
    <li>1</li> 
    <li>2</li> 
    <li>3</li> 
</ul> 
<div id="hidden-qsd">123</div> 
... 

JS

var id = $('#delete1').nextUntil("div[id^='hidden']").next().last().attr('id'); 

我想獲得最接近的 「格」 的ID開始 「隱藏」 位於鏈接 「＃DELETE1」 之後。
這個以前的代碼正在工作，但我認爲有一個更簡單的方法來做到這一點。

Answer 1

$('#delete1').nextAll('[id^="hidden"]').attr('id') 

nextAll()足夠

例如jsbin：http://jsbin.com/usowej/3/edit

注意：如果你有一個以上的元素ID爲開始hidden只使用

$('#delete1').nextAll('[id^="hidden"]:first').attr('id') 

只獲得了第一次出現，見http://jsbin.com/usowej/4/edit

Answer 2

您可以使用nextAll(selector)元素後獲得下一個兄弟姐妹：

var id = $('#delete1').nextAll("div[id^='hidden']").prop('id'); 

http://api.jquery.com/nextAll/