Jquery：选择课后结合“每个”功能的所有内容

我只是简单地选择类“.last”之后的每个元素。Jquery：选择课后结合“每个”功能的所有内容

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

});

我想acomplish什么：

<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>

编辑：

，我需要选择以下。去年所有元素类

来源

2012-02-21 Visualization

请注意，如果您在'each'中所做的所有更改CSS属性，则不需要每个都是。大多数jQuery方法默认适用于匹配集中的每个元素。 – 2012-02-21 19:45:55

你几乎拥有了：

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

或更简洁：

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

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

来源

2012-02-21 19:44:17 xandercoded

给你想要的东西来完成，为什么还需要each？

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

来源

2012-02-21 19:45:33 paislee

试试这个选择：http://api.jquery.com/next-siblings-selector/

你应该能够后，对于任何提供类= “末尾”，然后选择一个选择：

$('.last ~ .option')

来源

2012-02-21 19:45:46 kand

http://jsfiddle.net/PWc3q/2/

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

来源

2012-02-21 19:49:58 Razor

Jquery：选择课后结合“每个”功能的所有内容

回答

相关问题