jQuery多个类和nth-child

时间:2015-03-11 07:40:20

标签: javascript jquery each

我有一个包含多个类的表。

<tr>
<td class='one two'>One</td>
<td class='one three'>Another</td>
<td class='one example'>Yet another</td>
<td class='one two'>Yet another</td>
<td class='four'>Four</td>
</tr>
<tr>
<td class='one two'>One</td>
<td class='one three'>Another</td>
<td class='one example'>Yet another</td>
<td class='one two'>Yet another</td>
<td class='four'>Four</td>
</tr>
<tr>
<td class='one two'>One</td>
<td class='one three'>Another</td>
<td class='one example'>Yet another</td>
<td class='one two'>Yet another</td>
<td class='four'>Four</td>
</tr>

我想要的是设置包含td的每个tr的第一个文本有一个类'one',如果添加了另一个类则没有mather。

我尝试过一个经典的例子,但它不起作用:

        var i=0;
   $(".one:nth-child(1)").each(function() {
    temp[i] = $(this).text;
    console.log("Result: "+temp[i]);
        i++;
     });

但这不起作用。

1 个答案:

答案 0 :(得分:2)

您需要使用:

$("tr td.one:first-child").each(function(i) {
  temp[i] = $(this).text();
  console.log("Result: "+temp[i]);
});

Working Demo