读书人

nth-child是什么意思解决思路

发布时间: 2013-09-08 15:21:21 作者: rapoo

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 代表"子元素"的意思.

合起来就是第几个子元素,或者叫第几个儿子节点

读书人网 >JavaScript

热点推荐