Jquery, 셀을 클릭 할 때 columname 가져 오기

Question

셀을 클릭하면 어떻게 Jquery로 열 이름을 가져올 수 있습니까?

Answer 1

HI는

는 this에서 참조하시기 바랍니다.

나는 이것이 당신에게 적합한 대답인지 아닌지 잘 모릅니다. 이것은 내가 만든 샘플 일뿐입니다. 내가 틀렸다면 나를 바로 잡아주세요.

Answer 2

셀 인덱스를 구한 다음 동일한 인덱스의 헤더에서 텍스트를 가져 와서 수행 할 수 있습니다.

JQuery와는 다음과 같습니다 http://jsfiddle.net/Sohnee/DNxTz/23/

:

$("td").click(function(){ 
    var $This = $(this); 
    var col = $This.parent().children().index($(this)); 
    var title = $This.closest("table").find("th").eq(col).text(); 
    alert(title); 
}); 

을 그리고 적절한 테이블 구조에 의존 ....

<table> 
    <thead> 
     <tr> 
      <th>Name</th> 
      <th>Address</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>Steve</td> 
      <td>UK Somewhere</td> 
     </tr> 
     <tr> 
      <td>Scott</td> 
      <td>USA Somewhere</td> 
     </tr> 
    </tbody> 
</table> 

여기 데모를 업로드 한

참고 : caption, tfoot 외, 생략 된 선택 사항은 모두 추가 할 수 있으며 sc ript는 여전히 작동합니다.

http://www.w3.org/TR/html401/struct/tables.html