如何簡化這個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');

我想得到最近的“div”的id，其中“hidden”位於鏈接“＃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/