SIR
이전글 목록 다음글
컴

동일 엘리먼트 순번 알아내기

잘살아보자
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 11년 전 · 1309 · 2

아마 이런 경우 경험을 했을것이라 생각해요.

 

 

<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");}

});

 

위와 같이 하면 같은 선상에 있는 엘리먼트에 순번을 알 수 있어요.

 

#개발자팁 #개발자 #팁자료실 #jquery
|

댓글 2개

FFlashMaestro
프로필 보기이 회원 글보기이 회원의 댓글보기
 11년 전
$(".ul li").index($(this)) 를 쓰시면 처음 루프를 돌지 않아도 index를 확인하실 수 있습니다.
이 방법은 어떠신가요?
작성자님의 방법을 쓰면 클릭할 때마다 each를 돌려야 하니까 조금 오버헤드가 생길 것 같아요.
잘잘살아보자
프로필 보기이 회원 글보기이 회원의 댓글보기
 11년 전
아.. 좋은 방법이네요 감사합니다.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
11년 전 조회 1,662
11년 전 조회 3,768
11년 전 조회 3,725
11년 전 조회 3,533
11년 전 조회 1,200
11년 전 조회 3,564
11년 전 조회 2,781
11년 전 조회 3,313
11년 전 조회 832
11년 전 조회 2,589
11년 전 조회 2,566
11년 전 조회 2,638
11년 전 조회 1,631
11년 전 조회 2,099
11년 전 조회 1,430
11년 전 조회 1,222
11년 전 조회 1,835
11년 전 조회 1,146
11년 전 조회 4,022
11년 전 조회 3,809
11년 전 조회 1,435
11년 전 조회 2,672
11년 전 조회 1,096
11년 전 조회 1,894
11년 전 조회 3,491
11년 전 조회 3,803
11년 전 조회 4,726
11년 전 조회 1,120
11년 전 조회 1,668
11년 전 조회 3,080
11년 전 조회 1,264
11년 전 조회 1,266
11년 전 조회 1,859
11년 전 조회 1,146
11년 전 조회 2,401
11년 전 조회 1,897
11년 전 조회 3,978
11년 전 조회 2,431
11년 전 조회 4,689
11년 전 조회 1,487
11년 전 조회 1,328
11년 전 조회 1,971
11년 전 조회 1,942
11년 전 조회 1,522
11년 전 조회 1,158
11년 전 조회 1,799
11년 전 조회 1,182
11년 전 조회 1,284
11년 전 조회 1,497
11년 전 조회 1,310
11년 전 조회 1,055
11년 전 조회 2,250
11년 전 조회 2,060
11년 전 조회 3,229
11년 전 조회 1,207
11년 전 조회 976
11년 전 조회 1,067
11년 전 조회 2,937
11년 전 조회 1,185
11년 전 조회 1,388
11년 전 조회 920
11년 전 조회 1,696
11년 전 조회 1,684
11년 전 조회 1,093
11년 전 조회 1,281
11년 전 조회 956
11년 전 조회 920
11년 전 조회 1,741
11년 전 조회 1,079
11년 전 조회 965
11년 전 조회 1,096
11년 전 조회 1,233
11년 전 조회 934
11년 전 조회 964
11년 전 조회 1,430
11년 전 조회 1,015
11년 전 조회 1,449
11년 전 조회 1,021
11년 전 조회 1,117
11년 전 조회 1,183
11년 전 조회 933
11년 전 조회 965
11년 전 조회 1,190
11년 전 조회 2,108
11년 전 조회 971
11년 전 조회 985
11년 전 조회 915
11년 전 조회 1,355
11년 전 조회 991
11년 전 조회 918
11년 전 조회 1,211
11년 전 조회 1,568
11년 전 조회 1,193
11년 전 조회 1,134
11년 전 조회 1,162
11년 전 조회 1,995
11년 전 조회 1,067
11년 전 조회 1,117
11년 전 조회 2,915
11년 전 조회 2,471
이전 첫 페이지 다음
글쓰기
🐛 버그신고