jQuery 는 table 에서 마우스 클릭 으로 위치 줄 번호 와 열 번 호 를 가 져 오 는 방법 을 실현 합 니 다.

2474 단어 jQuerytable
이 사례 는 jQuery 가 table 에서 마우스 클릭 으로 위치 줄 번호 와 열 번 호 를 가 져 오 는 방법 을 보 여 줍 니 다.여러분 께 참고 하도록 공유 하 겠 습 니 다.구체 적 으로 는 다음 과 같 습 니 다.
먼저 운행 효 과 를 살 펴 보 자.

구체 적 인 코드 는 다음 과 같다.

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>www.jb51.net          </title>
</head>
<body>
<table class="mytable" border=1>
  <tr> 
   <th style="width: 160px;">   </th> 
   <th style="width: 160px;">    </th> 
   <th style="width: 160px;">   </th> 
   <th style="width: 160px;">   </th> 
   <th style="width: 160px;">   </th> 
  </tr> 
  <tr> 
   <td>      </td> 
   <td>      </td> 
   <td>      </td> 
   <td>      </td> 
   <td>      </td> 
  </tr> 
  <tr> 
   <td>      </td> 
   <td>      </td> 
   <td>      </td> 
   <td>      </td> 
   <td>      </td> 
  </tr> 
  <tr> 
   <td>      </td> 
   <td>      </td> 
   <td>      </td> 
   <td>      </td> 
   <td>      </td> 
  </tr> 
  <tr> 
   <td>      </td> 
   <td>      </td> 
   <td>      </td> 
   <td>      </td> 
   <td>      </td> 
  </tr> 
</table>
<script src="jquery-1.7.2.min.js"></script>
<script>
$(document).ready(function(){
    $(".mytable td").click(function(){
      var tdSeq = $(this).parent().find("td").index($(this)[0]);
      var trSeq = $(this).parent().parent().find("tr").index($(this).parent()[0]);
      alert(" " + (trSeq + 1) + " , " + (tdSeq + 1) + " ");
    });
})
</script>
</body>
</html>

jQuery 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있다.
본 고 에서 말 한 것 이 여러분 의 jQuery 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기