Question

我有一个表，其td值显示为

<table>
<tr>
<td><?=$something?></td>
<td><?=$something?></td>
<td><?=$something?></td>
<td><?=$something?></td>
</tr>
<tr>
<td><?=$somethingelse?></td>
<td><?=$somethingelse?></td>
<td><?=$somethingelse?></td>
<td><?=$somethingelse?></td>

</tr>

我想在满足某些条件后对第二行中的所有td应用jquery，例如，第一个td中的第一个somethingelse小于零。

Answer 1

您可以执行以下操作：


if(yourCondition) {
 $('table > tbody > tr:eq(2) > td').each(function() {
   $(this).css("color", "red"); //add color red for example
 });
}

你的意思是那样......

Answer 2

$('tr:nth-child(2) td')这将选择第二行的tds

Answer 3

这将为你做。

//get the second table row (eq is zero-indexed)
var second_tr = $('tr').eq(1);
//get the contents of the first element in second row
var first_td_val = second_tr.find('td:first').text();
if(first_td_val < 0){
    //do something with the second table row.
    second_tr.css('background-color', '#bada55');
}

请参阅This jsFiddle

jquery应用css样式

3 个答案: