JQuery 테이블 조작 행 삽입하기

Question

간단히 말해서, $ (this)가 테이블 행이어서 "example"(반드시 형제는 아님) 클래스로 다음 테이블 행을 찾습니다.

I.E. 형제가 아닌 "example"클래스로 다음 행을 찾으려면 next()를 사용하십시오. JQuery와 확인, 하나 하나 테이블 행을 삽입하는 그래서 그 대신

var x = ''; 
for(var i = 0; i < 3; i++) { 
    x += '<li>Test ' + i + '</li>'; 
} 
$(x).appendTo('#test'); 

을 하나의 문자열로 함께 넣어 : 당신은 문자열에서 그 <tr>의를 구축하는 경우

Answer 1

HTML :

<table> 
    <tr><td>One</td></tr> 
    <tr class="current"><td>Two</td></tr> 
    <tr><td>Three</td></tr> 
    <tr><td>Four</td></tr> 
    <tr class="target"><td>Five</td></tr> 
    <tr><td>Six</td></tr> 
</table> 

자바 스크립트 :

var current = $('.current').next(); 
while(current.size() && !current.hasClass('target')) { 
    current = current.next(); 
} 
current.css('color', '#0f0'); 

또는

행이 별도로 불행히도 추가 할 필요가

$('.current').nextAll('.target').last().css('color', '#0f0'); 

Answer 2

, 당신은 그런 식으로 뭔가를 할 수 그 문자열의 객체를 테이블에 첨부하십시오.

DOM을 한 번만 편집하면 성능 향상에도 도움이됩니다.