JQuery 탐색 테이블 열

Question

다음과 같은 테이블이 있습니다.

<table> 
<tr> 
<th scope="col"></th> 
<th scope="col">Column One</th> 
<th scope="col">Column Two</th> 
<th scope="col">Column Three</th> 
<th scope="col">Column Four</th> 
</tr> 
<tr> 
<th scope="row">Row One</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 
<tr> 
<th scope="row">Row Two</th> 
<td></td> 
<td></td> 
<td class="click"></td> 
<td></td> 
</tr> 
<tr> 
<th scope="row">Row Three</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 
<tr> 
<th>Row Four</th> 
<td></td> 
<td></td> 
<td class="target"></td> 
<td></td> 
</tr> 
<table> 

나는 '클릭'의 클래스로 <td>에 클릭 한 다음 대상이의 클래스와 얼마나 많은 행 멀리 <td>에 나를 알릴 수 있도록하고 싶습니다

. (위의 예에서는 2를 반환합니다).

표의 대상 클래스가있는 다른 <td> 요소가있을 수 있습니다. 나는 행 번호에 대해서만 다음에 내 '클릭'같은 행에 대상에 관심이 td. '클릭 한'위의 임의의 타겟은 <td> 또는 다른 열은 무시해야합니다.

같은 행에있는 클릭 된 요소 뒤에 다른 '대상'<td>이없는 경우 경고는 '다른 대상 없음'으로 표시되어야합니다.

분명히하는 것이 좋겠습니다.

Answer 1

는이 같은 의미합니까 선택 탐색 방법을 사용하여 다음 형제와 함께 parent() 및 closest()의 조합을 사용하여 해결책을 찾을 수 있을까? 당신이 그 코드에서 무슨 일이 일어나고 있는지 깨닫게 경우

var targetRowIndex = $('.target')[0].parentNode.rowIndex; 

$(".click").bind("click",function(){ 
    alert(targetRowIndex - this.parentNode.rowIndex); 
}); 

http://jsfiddle.net/BZDyr/3/

당신은 아마 정확한 기능 자신의 나머지 부분을 구현할 수 있습니다.

Answer 2

당신은 아마 이전 등은 기본적으로 "td.target"