javascript - 如何添加类以附加 td 元素

Question

我正在尝试使用 jquery 在表格行上制作闪烁的颜色

(function blink() {
 $('.colorredd').fadeOut(500).fadeIn(500, blink);
 })();

这里是 html 部分。

  <table id="userdata3" border="2">
 <thead>
   <th>Afdeling</th>
  <th>Åben</th>
 </thead>
<tbody  class="colorredd"></tbody>
 </table>

这是我附加元素的方式:

$(obj).each(function () {
var tbl3Row = "<tr " + (parseInt(obj.Total) > 3 ? " class='colorred'" : "") + (parseInt(obj.Total) < 4 ? " class='colorred'" : "") + ">" + "<td>" + obj.Title + "</td>" + "<td>" + obj.Total + "</td>" + "</tr>"
 table3Rows += tbl3Row;
});
 }

它使表上的两行都闪烁。我想做的是只在第二行闪烁。我猜我需要将类添加到 Total td 之外，然后从 html tbody 中删除类。但我不知道如何专门为那个 td 添加类。

var tbl3Row = "<tr " + (parseInt(obj.Total) > 3 ? " class='colorred'" : "") + (parseInt(obj.Total) < 4 ? " class='colorred'" : "") + ">" + "<td>" + obj.Title + "</td>" + "**<td>**" + obj.Total + "</td>" + "</tr>"

她是我的 CSS:

.colorred td:nth-child(2){
    background-color:red;

}

Answer 1

它使两行都闪烁，因为您将 fadeIn/Out 绑定(bind)到 colorredd 类。在每一行上。

添加另一个类，也许 lastRow 仅添加到表格的最后一行。并将眨眼绑定(bind)到它。

(function blink() {
 $('.lastRow').fadeOut(500).fadeIn(500, blink);
 })();