查找元素但某个元素的下一个

Question

如何找到一些元素但下一个元素？

HTML：

<div id="container">
    <div class="box id_1">1</div>
    <div class="box id_2">2</div>
    <div class="break">{BREAK}</div>
    <div class="box id_1">1</div>     // <--- THIS !
    <div class="box id_2">2</div>     // <--- and should work when I detect in THIS also!
</div>

我使用.next() 和.filter() 似乎不起作用:(

$('#container > .box').next('.break').filter('.id_1').addClass('found');

游乐场： http://jsfiddle.net/l2aelba/2zBWv/

Answer 1

我认为你可以这样使用.next()：

$('#container > .break').next('.id_1').addClass('found');

Find in fiddle here

---

如果你想只影响.id_1 的第一个.break 然后：

$('#container > .break:first').next('.id_1').addClass('found');

Find this in fiddle here

---

更新：

如果你想影响.id_2，那么应该使用.nextAll()：

$('#container > .break:first').nextAll('.id_2').addClass('found');

Find .nextAll() in fiddle here

Answer 2

使用.nextAll 和.first 的组合

$('#container > .box').nextAll('.break')
                      .first().next().filter('.id_1').addClass('found');

Check Fiddle