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

pcww981p  于 2023-06-22  发布在  jQuery
关注(0)|答案(2)|浏览(171)

如何找到某个元素的下一个元素?

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');

Playground:http://jsfiddle.net/l2aelba/2zBWv/

6kkfgxo0

6kkfgxo01#

我想你可以这样使用.next()

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

Find in fiddle here
如果你只想影响第一个.break中的.id_1,那么:

$('#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

rm5edbpk

rm5edbpk2#

使用.nextAll.first的组合

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

Check Fiddle

相关问题