我有一张表。我想更改一行中最后一个单元格的背景。当前仅为最后一行>最后一个单元格。
HTML:
<table>
<tr>
<td>1 col</td>
<td>2 col</td>
<td>3 col</td>
</tr>
<tr>
<td>1 col</td>
<td>2 col</td>
<td>3 col</td>
</tr>
<tr>
<td>1 col</td>
<td>2 col</td>
<td>3 col</td>
</tr>
</table>
JQuery-
$("tr").each(function () {
$("td:last").addClass("highlight");
});
Fiddle-
http://jsfiddle.net/Lh4TN/1/
我只想用JQuery(不想在html中添加类或id(来执行此操作。提前非常感谢。
尝试在此处使用:last-child
选择器,无需迭代元素。
$("tr td:last-child").addClass('highlight');
演示
试试这个:
jsFiddle
$("tr").each(function () {
$(this).find("td:last").addClass("highlight");
});
$("table tr td:last-child").addClass("highlight");
下面是您的jsfiddle的更新:http://jsfiddle.net/Lh4TN/3/