Question

我有一些div元素
结构是

<div id="comment">  
  <div id="m1">...</div>  
  <div id="m2">...</div>  
</div>

我想将一些CSS或类应用于注释的偶数/奇数内部div（或m1 / m2 div）所以我编码了这个，但它没有用:(

$("div>div:even").addClass("evn");

我缺少什么？

Answer 1

:even和:odd为0索引，可能无法生成您正在寻找的结果。第一个元素是数字0，这是偶数，因此它被:even选中，而不是第二个。

对于1索引，您错过了:nth-child() pseudo-class：

$("div > div:nth-child(even)").addClass("evn");

确保你拼写了类名，我不知道你的CSS是否定义了.evn类......

Answer 2

This link can help you to solve your proble

首先，在“index.html”文件

中定义表格和div，如下所示

<table border="1">
  <tr><td>Michael</td></tr>
  <tr><td>Sam</td></tr>
  <tr><td>John</td></tr>
  <tr><td>Jason</td></tr>
</table>
 <div>Michael</div>
 <div>Sam</div>
 <div>John</div>
 <div>Jason</div>

现在，我们需要编写用于在备用行中显示不同颜色的脚本

<script src="jquery.js"></script>
<script>
$(document).ready(function()
{
  //for div
  $("div:odd").css("background-color", "#F4F4F8");
  $("div:even").css("background-color", "#EFF1F1");
  //for table row
  $("tr:even").css("background-color", "#F4F4F8");
  $("tr:odd").css("background-color", "#EFF1F1");
});
</script>

过滤器“偶数”和“奇数”可以在jQuery中用于选择元素的奇数或偶数索引。如上所示，奇数和偶数“div”的背景颜色使用“css”更改方法和jQuery的“奇数”和“偶数”过滤器同样适用于偶数和奇数“tr”，这意味着对于表行。

将CSS样式/类应用于div

2 个答案: