javascript - 将类添加到当前 tr

Question

我正在动态填充表格。如果某个条件适用，我想向当前 tr 添加一个类:

number = 3;

for (i = 0; i < 5; i++) {
  var row = "";
  row += "<tr><td>Test" + i + "</td></tr>"

  $('#mytable').find('tbody:last').append(row);

  if (i == number) {
    $('#mytable').find('tbody:last').addClass("red");
  }
}

不幸的是，该类被添加到所有 tr，而不仅仅是其中一个。

Here is a fiddle .

Answer 1

您可以使用 .eq()或 :eq()选择器

$('#mytable tbody tr').eq(number).addClass('red');

Fiddle Demo

请注意，提供给 eq() 的索引是从零开始的。因此传递 3 将选择第四个元素。

---

循环i中的计数器也可以和条件运算符一起使用

row += "<tr" + (i === number ? ' class="red"' : '') + "><td>Test" + i + "</td></tr>"
//              ^^ ================================ ^^

Fiddle Demo