查找元素但是接下来的某个元素

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

使用.nextAll和.first

的组合

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

Check Fiddle

Answer 2

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

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

Find in fiddle here

---

如果您想仅影响.id_1的{​​{1}}，那么：

.break

Find this in fiddle here

---

更新

如果您想影响$('#container > .break:first').next('.id_1').addClass('found'); ，则应使用.id_2：

.nextAll()

Find .nextAll() in fiddle here