jQuery 현재 요소가 몇 번째 요소인지 판단하기 & N 번째 요소 가져오기

3035 단어 jquery
다음과 같은 HTML 코드가 있다고 가정합니다.
1
2
3
4
5
  • jQuery
  • jQuery N
  • jQuery

jQuery는 현재 요소가 몇 번째 요소인지 판단합니다


만약 우리가 어떤 리 라벨을 눌렀다면 현재 몇 번째 리 라벨을 눌렀는지 알고 싶으면 다음 코드를 사용할 수 있습니다.
1
2
3
4
$("ul li").click(function () {
    var index = $("ul li").index(this);
    alert(index);
 });

위의 jQuery 코드와 같이 첫 번째 클릭하면 '0〃, 두 번째 리 라벨이면' 1〃, 색인 서열 번호는 0에서 시작하는 것을 주의합니다.

jQuery N번째 요소 가져오기


같은 이치로, 만약 우리가 두 번째 리 라벨 요소를 얻으려면, 아래의 코드를 사용할 수 있다
1
2
var element=$("ul li").eq(1);
alert($(element).html());

색인은 0에서 시작되므로 위의 코드는 두 번째 리탭의 html 내용을 출력합니다.

좋은 웹페이지 즐겨찾기