Jquery:结合 "each"函数选择类后的所有内容

标签 jquery each

我只是想选择类“.last”之后的每个元素。

HTML:

<body>
    <div class="option"></div>
    <div class="option"></div>
    <div class="option"></div>
    <div class="last"></div>
    <div class="option"></div>
    <div class="option"><img src="a.jpg"/>
    <table>
       <td><tr>1</tr></td>
       <td><tr>2</tr></td>
    </table>

    <div class="option"></div>
</body>

Jquery:

$('.option').nextAll(".last").each(function (i) {

       $(this).css('background-color','red');

});

我想要完成的事情:

<body>
    <div class="option"></div>
    <div class="option"></div>
    <div class="option"></div>
    <div class="last"></div>
    <div class="option" style="background-color:red;"></div>
            <div class="option" style="background-color:red;"><img style="background-color:red;" src="a.jpg"/>
    <table style="background-color:red;"><td style="background-color:red;"><tr style="background-color:red;">abc</tr></td>
       <td style="background-color:red;"><tr style="background-color:red;">abc</tr></td>
    </table>
    </div>
    <div class="option" style="background-color:red;"></div>
</body>

编辑:

我需要选择 .last class 下面的所有元素

最佳答案

你几乎已经拥有它了:

$('.last').nextAll().each(function (i) {

或更简洁地说:

$('.last').nextAll().css('background-color','red');

http://api.jquery.com/nextAll/

关于Jquery:结合 "each"函数选择类后的所有内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9384031/

相关文章:

jquery动画通过图片

php - 如果其他文本字段包含文本,则阻止文本字段?

javascript - 有没有办法优化这个键码列表功能?

html - Jade-Template 中带有 if 条件的每个循环

javascript - 如何使用 Jquery 将 2 个选择框中的所有选定值存储到一个数组中?

javascript - 如何获取选中的值并删除数组中未选中的值

javascript - jQuery .on() 是否支持 "load"或 "ready"事件?

javascript - JQuery 循环隐藏项目

javascript - 已在控制台日志上打印的 undefined variable

javascript - jQuery 用元素数组为each() 播种