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：選擇課後結合「每個」功能的所有內容

回答

相關問題