Eloid Puredream - 웹을 삽질하는 히치하이커를 위한 안내서

eq(index) Selecter를 사용할때 반복되는 부분에 적용할때 주의 할 점.

엘로이드 — Wed, 30 Dec 2009 11:48:38 +0900

위와 같은 테이블에서 각각의 tr마다 두번째 td의 img 요소에 이벤트를 주려고 아래와 같이 코딩을 했다.

$("#rowset_tb tbody tr td:eq(9) img").click(function(){
alert("wow");
});

그냥 생각하면 각각 동작하는것 같이 보이지만 eq(index) 셀렉터는 첫번째 tr td 행에 대해서만 동작한다.
즉 첫째줄 tr의 td에서만 동작하게 된다. 이 부분을 해결하기 위해 아래와 같이 변경하였다.

$("#rowset_tb tbody tr").find("td:eq(9) img").click(function(){
alert("wow");
});

일단 각 tr에 대한 row를 selector로 추출한 후 find를 이용하여 각 td마다 이벤트를 연결시켜 주니 해결되었다.

내 인생 최대의 실수중 하나가 뭐냐고 묻는다면

엘로이드 — Fri, 18 Dec 2009 17:34:24 +0900

너를 만든것이라고 할 것 같다.

다시해보기 [http://eloid.egloos.com/2996185#586642 ]

이전하였습니다.

엘로이드 — Wed, 09 Dec 2009 12:17:13 +0900

이전에 사용하던 elogin계정에 script 코드 삽입 공격으로 인해 wordpress 블로그를 부득이하게 삭제하게 되었습니다.
따라서 고민한 끝에 다시 thoth로 블로그를 옮겨 도메인을 연결시켜 운영하게 되었습니다. 도메인 주소를 그대로 연결시켰으므로 주소는 바뀌지 않을 것입니다.