如何添加類追加TD元素

我試圖做一個閃爍的顏色上表中的行與jquery如何添加類追加TD元素

(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; 

}

來源

2017-04-11 learning1216

它閃爍兩行，因爲你要綁定淡入/輸出到colorredd類。這是在每一行。

將另一個課程，也許lastRow添加到只有最後一個錶行。並綁定閃爍。

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

來源

2017-04-11 09:46:10 Ninjaneer

是的我知道我需要將它綁定到最後一行。問題是我想如何做到這一點。它的動態行不是靜態的。 – learning1216

如果有一次從'obj'數組創建行，則可以在'each'內添加一個條件來查找最後一個索引（obj.length-1 === index）。如果要動態添加更多行，則必須刪除已存在的類並將其添加到新添加的行中。 – Ninjaneer

如何添加類追加TD元素

回答

相關問題