更改行中最后一个单元格的背景-Jquery



我有一张表。我想更改一行中最后一个单元格的背景。当前仅为最后一行>最后一个单元格。

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/

最新更新