Question

我有一张桌子。我想要连续更改每个最后一个单元格的背景。目前正在为最后一行工作＆gt;仅限最后一个细胞。

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）。非常感谢。

Answer 1

尝试在此处使用:last-child选择器，无需迭代元素。

$("tr td:last-child").addClass('highlight');

DEMO

Answer 2

试试这个：

jsFiddle

   $("tr").each(function () {
      $(this).find("td:last").addClass("highlight");
  });

Answer 3

$("table tr td:last-child").addClass("highlight");

这里是你的jsfiddle的更新： http://jsfiddle.net/Lh4TN/3/

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

3 个答案:

DEMO