컴

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

· 2014-09-23 (화) 04:47:24 · 3903 · 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개

2014-09-24 (수) 10:19:46
$(".ul li").index($(this)) 를 쓰시면 처음 루프를 돌지 않아도 index를 확인하실 수 있습니다.
이 방법은 어떠신가요?
작성자님의 방법을 쓰면 클릭할 때마다 each를 돌려야 하니까 조금 오버헤드가 생길 것 같아요.
2014-09-25 (목) 00:50:57
아.. 좋은 방법이네요 감사합니다.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
16-07-13 조회 2,079
16-07-12 조회 2,218
16-07-12 조회 2,241
16-07-11 조회 2,110
16-06-05 조회 2,678
16-06-03 조회 2,773
16-05-26 조회 2,725
15-09-22 조회 4,860
15-06-10 조회 4,691
14-10-25 조회 6,156
14-10-22 조회 8,843
14-09-21 조회 5,640
14-09-16 조회 4,922
14-08-22 조회 1만
14-08-13 조회 5,755
14-08-12 조회 5,304
14-08-12 조회 6,167
14-08-11 조회 6,739
14-06-12 조회 6,052
14-06-11 조회 4,938
14-05-09 조회 5,286
14-05-09 조회 6,237
14-05-09 조회 6,274
14-05-08 조회 5,580
14-04-17 조회 4,611
14-04-16 조회 4,462
14-04-15 조회 4,456
14-04-15 조회 4,431
14-04-15 조회 4,134
14-04-14 조회 4,183
14-04-14 조회 4,151
14-04-14 조회 4,547
14-04-14 조회 4,563
14-04-14 조회 4,622
14-04-13 조회 4,460
14-04-12 조회 4,110
14-04-12 조회 4,250
14-04-12 조회 4,332
14-04-11 조회 4,857
14-04-10 조회 4,490
14-04-10 조회 4,508
14-04-09 조회 4,820
14-04-09 조회 5,153
14-04-08 조회 6,750
13-10-30 조회 7,568
13-07-11 조회 5,008
13-03-28 조회 1.1만
13-02-27 조회 6,614
13-02-14 조회 5,417
13-01-10 조회 4,406
12-12-31 조회 4,934
12-12-20 조회 6,038
12-12-12 조회 5,176
12-12-07 조회 4,351
12-11-28 조회 4,674
12-11-22 조회 5,136
12-11-12 조회 5,497
12-09-22 조회 4,434
12-09-18 조회 4,618