jquery - 如何简化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');

我想获取链接“#delete1”之后以“hidden”开头的最近“div”的 ID。
前面的代码可以工作，但我认为有一种更简单的方法可以实现。

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