行jQuery的CSS問題

Question

HTML代碼：

<table> 
    <tr> 
     <td>test</td> 
    </tr> 
</table> 

jQuery代碼：

$(document).ready(function(){ 

    $('table tr:eq(0)').after('<tr><td>bla</td></tr>').css({'color':'red'}); 

}); 

我需要追加後加上CSS

<tr><td>bla</td></tr> >>> color red 

如何製作？

Answer 1

試試這個：

$('<tr><td>bla</td></tr>').css({'color':'red'}).appendTo('table'); 

Answer 2

eq是一個函數隊友。你不能用它的XPath字符串

裏面你應該去喜歡$('selectors').eq(index)

另外的.css被鏈接到第一選擇。因此它是第一個紅色不是要附加

$('tr').eq(0).after('<tr class="red"><td>bla</td></tr>'); 

，然後你的CSS是：

.red {color:red;} 

Answer 3

你加入CSS屬性到您的初始<tr><td>test</td></tr>，而不是你創建一個。 如果你想修改你剛剛創建的，你需要記住它在某些變量第一：

var tr = $('<tr><td>bla</td></tr>'); 
$('table tr:eq(0)').after(tr); 
tr.css({color:"red"});