2011-04-29 4 views
0

다음 작업을 수행하는 가장 좋은 방법을 알고 싶습니다. Jquery/Javascript에서 별도의 div를 클릭하여 행을 제거하는 방법은 무엇입니까?

<table> 
<tr><td>1</td><td>Some1</td></tr> 
<tr><td>2</td><td>Some2</td></tr> 
<tr><td>3</td><td>Some3</td></tr> 
</table> 

나는 TD에 (1,2, 또는 3)를 클릭 한 다음 사업부는 ID와 같은 몇 가지 기본 텍스트가 "#removediv"로 볼 수

"제거 :

나는 테이블이 ". div를 클릭하면 div가 표시되도록 원래 클릭 한 행이 제거됩니다.

은 내가 #removediv 이벤트 핸들러 제거 할 줄 알 것입니다 수 있도록 "#removediv"개체에 행 또는 인덱스에 대한 몇 가지 정보를 전달해야 할 것입니다 상상한다. 이 작업을 수행하는 최선의 방법을 모릅니다.

답변

1
var remove = null; 
var caller = null; 

$(function() { 
    remove = $('#removediv'); 
    $('td').click(function() { 
     caller = $(this).parent('tr'); 
     remove.show(); 
    }); 
    remove.click(function() { 
     caller.remove(); 
     $(this).hide(); 
    }); 
}); 
관련 문제