jQuery를 행 CSS 문제

Question

html로 코드 :

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

JQuery와 코드 : APPEND CSS는

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

방법을 만들기 위해 추가 한 후

$(document).ready(function(){ 

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

}); 

ı 필요?

Answer 1

이 시도 :

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

Answer 2

eq는 함수 메이트입니다. 당신은 $('selectors').eq(index)

는 또한 제 1 선택에 연결됩니다 .CSS처럼 가야 XPath는 문자열

내에서 사용할 수 없습니다. 당신이 만드는 최초 <tr><td>test</td></tr>, 안 하나에

.red {color:red;} 

Answer 3

당신은 CSS 속성을 추가 : 그래서 당신이

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

를 추가하고 다음 CSS가없는 것을 첫 번째 빨간색을합니다. 당신은 당신이 방금 만든에 수정하려면 는 먼저 몇 가지 변수에 기억해야합니다

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