테스트 사이트 - 개발 중인 베타 버전입니다

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

· 11년 전 · 1110 · 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");}

});

 

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

 

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 2개

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

게시글 목록

번호 제목
27925
27922
6972
19602
19601
19599
6961
30941
19597
19596
19595
19594
30939
19593
6959
6957
6953
27920
19592
19591
19590
6949
6947
20826
20823
19589
27913
27912
19588
20822
19587
19586
27887
20819
27883
19585
19584
19583
19582
19581
19580
6945
24622
19578
6938
6935
27880
20818
19575
20815
20812
20809
6932
6931
6929
19571
19570
20802
27877
20797
6923
20795
6918
6914
20789
6899
27860
6898
27856
6895
6891
6890
6881
6874
27852
6860
6857
19569
19565
19564
27844
19563
24617
19554
6854
19553
19531
6850
6848
27842
6846
6842
6839
6834
6829
6824
6820
27839
6818
19529