본문 바로가기
javaScript/jQuery

[jQuery]index 값 구하기

by mooyou 2023. 1. 8.
728x90
300x250

index()

$대상.index()
$목록.index($대상)
$목록.index(대상DOM)

 

대상 인덱스값 가져오기

<ul>
  <li id="foo">foo</li>
  <li id="bar">bar</li>
  <li id="baz">baz</li>
</ul>

<script>
$(document).ready(function(){
  var linsItem = $("#bar");
  alert("index:"+$("li").index(linsItem));
});
</script>

 

클릭한 인덱스값 가져오기

<ul>
  <li id="foo">foo</li>
  <li id="bar">bar</li>
  <li id="baz">baz</li>
</ul>


<script>
$(document).ready(function(){
	$("ul li").click(function(){
    	alert("index:"+$(this).index());
    })
});
</script>

 

 

 

 

참고 : https://api.jquery.com/index/

728x90
반응형

댓글