동일 엘리먼트 순번 알아내기
아마 이런 경우 경험을 했을것이라 생각해요.
<ul class="ul">
<li>1</li>
<li>2</li>
</ul>
이런 경우가 있을 경우 li 1번과 li 2번에 대한 순번을 알고 싶을 경우요
$(".ul li").click(funciton(){
$(".ul li").each(function(i){
$(this).data("index", i);
});
if( $(this).data("index") == 0 ){alert( "1번 li");}
if( $(this).data("index") == 1 ){alert( "2번 li");}
});
위와 같이 하면 같은 선상에 있는 엘리먼트에 순번을 알 수 있어요.
댓글 2개
FlashMaestro
11년 전
$(".ul li").index($(this)) 를 쓰시면 처음 루프를 돌지 않아도 index를 확인하실 수 있습니다.
이 방법은 어떠신가요?
작성자님의 방법을 쓰면 클릭할 때마다 each를 돌려야 하니까 조금 오버헤드가 생길 것 같아요.
이 방법은 어떠신가요?
작성자님의 방법을 쓰면 클릭할 때마다 each를 돌려야 하니까 조금 오버헤드가 생길 것 같아요.
잘살아보자
11년 전
아.. 좋은 방법이네요 감사합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 11832 |
jQuery
remove()를 이용하여 엘리먼트 삭제하기
|
| 11829 | |
| 11826 |
jQuery
동일 엘리먼트 순번 알아내기
2
현재글
|
| 11823 | |
| 11822 | |
| 11821 | |
| 11820 |
jQuery
position() 메서드 객체에 대한 좌표값
|
| 11819 | |
| 20318 | |
| 11818 | |
| 11817 | |
| 11816 | |
| 11814 | |
| 11813 | |
| 11811 | |
| 11810 |
jQuery
class가 있는지 없는지 체크하기
|
| 11809 |
PHP
배열에서 중복 값 없애기
|
| 11808 | |
| 11807 |
JavaScript
str_pad 자릿수만큼 특정문자로 채우기
|
| 11806 | |
| 11805 | |
| 11804 | |
| 11803 | |
| 11802 | |
| 11801 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기