nth-child是什么意思
我有教课书,看不懂,
代码不加nth-child 之前
$('table tr:even').addClass('even'); 'even'类效果是蓝色背景
<table >
<tr> <td>odd</td> </tr>// 此行变蓝
<tr> <td>even</td> </tr>
<tr> <td>odd</td> </tr>// 此行变蓝
<tr> <td>even</td> </tr>
</table>
以上我想把even行变蓝odd行却变蓝了,我已知道原因是因为 jquery下标从0开始.
但下面我改了代码成:
$('table tr:nth-child(even)').addClass('even');
然后就成了下面的效果
<table >
<tr> <td>odd</td> </tr>//
<tr> <td>even</td> </tr> //此行变蓝
<tr> <td>odd</td> </tr>//
<tr> <td>even</td> </tr> // 此行变蓝
</table>
请问这是怎么回事 那tr:后缀的nth-child什么意思
[解决办法]
匹配其父元素下的第N个子或奇偶元素
[解决办法]
:nth-child() 是从1开始技计数的
[解决办法]
具体的上面都说的很清楚了, 为了帮助你理解.再多说几句
nth-child中 分两个部分来讲
1. nth 英语翻译一下就是"第几个"的意思
2. child 代表"子元素"的意思.
合起来就是第几个子元素,或者叫第几个儿子节点
