Jquery：选择类“下的所有”；。最后一句话；对每个元素执行多个选项_Jquery_Class_Select

Jquery：选择类“下的所有”；。最后一句话；对每个元素执行多个选项

jquery class select

Jquery：选择类“下的所有”；。最后一句话；对每个元素执行多个选项,jquery,class,select,Jquery,Class,Select,我只想在类“.last”之后选择每个元素 +++选择类下面的所有内容+++ -->这里的所有html元素行同样地 HTML: 我想完成的是： <body> <div class="option"></div> <div class="option"></div> <div class="option"></div> <div class="last"></div

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

+++选择类下面的所有内容+++

-->这里的所有html元素行

同样地

HTML:

我想完成的是：

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


abc
abc

编辑：

需要一个函数吗？

我需要选择下面的所有元素。最后一个类并对其应用多个选项。

您不需要使用每个

，因为jQuery将能够将CSS规则应用于您的所有元素
$（'.last'）.nextAll（）.each（function（））{
$（this.css（'background-color'，'red'）；
//更多代码。。。
});

作为旁注。您的HTML中有错误。（断开的代码），我假设这只是示例的输入错误，但您可能需要验证。
您不需要使用每个
，因为jQuery将能够将CSS规则应用于您的所有元素
$（'.last'）.nextAll（）.each（function（））{
$（this.css（'background-color'，'red'）；
//更多代码。。。
});

作为旁注。您的HTML中有错误。（坏代码），我假设这只是示例的输入错误，但您可能需要验证。
您不需要javascript，css规则适用于您：
.last ~ *{
     background-color:red;        
}

编辑：兼容到IE7
适合您。
您不需要javascript，此css规则适合您：
.last ~ *{
     background-color:red;        
}

编辑：兼容到IE7
为您。
这只适用于.last
的兄弟姐妹。在这种情况下，这不重要，因为颜色应该是遗传的，但这并不完全是OP想要的，因为他们似乎也想选择以下所有兄弟姐妹的所有后代。@KimmyC，哈哈，不。。。缺少逗号。意思是说我编辑了我的文章。$（'.last'）.nextAll（）.each（function（）{$（this.css（'background-color'，'red'）；$（this.css（'margin-left'，'10px'）；//更多代码…}）； 是否尝试了两个命令都不起作用。。。？但它应该吗？我不知道你说的“不使用两个命令”是什么意思？注意，each（function（）{…此处的所有代码…}）
是一个函数，这意味着您可以针对所有匹配的元素运行任何代码，每个元素都循环通过。这将仅适用于.last
的兄弟元素。在这种情况下，这不重要，因为颜色应该是遗传的，但这并不完全是OP想要的，因为他们似乎也想选择以下所有兄弟姐妹的所有后代。@KimmyC，哈哈，不。。。缺少逗号。意思是说我编辑了我的文章。$（'.last'）.nextAll（）.each（function（）{$（this.css（'background-color'，'red'）；$（this.css（'margin-left'，'10px'）；//更多代码…}）； 是否尝试了两个命令都不起作用。。。？但它应该吗？我不知道你说的“不使用两个命令”是什么意思？注意，each（function（）{…此处的所有代码…}）
是一个函数，这意味着您可以针对所有匹配的元素运行任何代码，每个元素都循环通过。请您正确设置问题的格式，不要随意喊叫好吗？这是一个专业社区。谢谢。我甚至不知道这是否可行。对不起，好的。。。但对我来说，这是有道理的……仅供参考：正确的标记应该是：内容
重要的不是html，我忘了提到这一点……你能不能正确地设置你的问题格式，不要随意叫喊？这是一个专业社区。谢谢。我甚至不知道这是否可行。对不起，好的。。。但对我来说，这是有意义的……仅供参考：正确的标记应该是：内容重要的不是html，我忘了提一下……这没问题，它是很好的有效css，甚至IE7也能得到它。@KimmyC它还使它更干净，因为你不会用讨厌的内联样式弄乱你的标记。这没问题，这是一个很好的有效css，甚至IE7也能得到它。@KimmyC它还使它更干净，因为你不会用讨厌的内联样式弄乱你的标记。
.last ~ *{
     background-color:red;        
}