컴

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

· 2014-09-23 (화) 04:47:24 · 4151 · 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
아.. 좋은 방법이네요 감사합니다.
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
jQuery 14-10-17 조회 7,667
jQuery 14-10-17 조회 1.8만
jQuery 14-10-17 조회 8,972
PHP 14-10-17 조회 6,008
PHP 14-10-17 조회 5,219
jQuery 14-10-13 조회 3,956
JavaScript 14-10-13 조회 4,032
jQuery 14-10-13 조회 4,284
기타 14-10-10 조회 8,265
기타 14-10-10 조회 4,316
기타 14-10-10 조회 4,746
기타 14-10-10 조회 3,343
기타 14-10-10 조회 3,739
jQuery 14-10-07 조회 9,216
jQuery 14-09-24 조회 3,483
PHP 14-09-23 조회 3,614
jQuery 14-09-23 조회 4,152
PHP 14-09-22 조회 3,427
jQuery 14-09-22 조회 4,960
jQuery 14-09-22 조회 6,093
jQuery 14-09-22 조회 3,619
jQuery 14-09-22 조회 3,516
PHP 14-09-19 조회 3,932
PHP 14-09-19 조회 3,366
jQuery 14-09-19 조회 4,003
PHP 14-09-19 조회 3,765
PHP 14-09-18 조회 4,616
jQuery 14-09-18 조회 1.2만
jQuery 14-09-18 조회 8,846
jQuery 14-09-18 조회 3,548