> 웹 프론트엔드 > JS 튜토리얼 > jquery에서 배열을 탐색하는 방법은 무엇입니까? jquery에서 배열을 순회하는 데 일반적으로 사용되는 두 가지 방법

jquery에서 배열을 탐색하는 방법은 무엇입니까? jquery에서 배열을 순회하는 데 일반적으로 사용되는 두 가지 방법

不言
풀어 주다: 2018-10-17 09:58:29
원래의
6964명이 탐색했습니다.

jquery에서는 일반적으로 $().each 및 $.each() 두 가지 메서드를 사용하여 배열을 탐색합니다. $().each 및 $.each() 두 가지 메서드는 표면적으로 비슷해 보이지만, 사실, 이 두 가지 방법에는 차이가 있습니다. 두 가지 방법 모두 서로 다른 작업에 대해 고유한 특성을 보여줍니다. 다음 기사에서는 jquery가 $().each 및 $.each() 두 가지 메소드를 사용하여 배열 순회를 구현하는 방법을 소개합니다.

말은 하지 말고 바로 본문으로 들어가죠~

1.jquery의 배열 순회 방법, $().each

$().each 방법은 DOM 처리에서 더 많이 사용됩니다. 예를 들어 다음 예는 다음과 같습니다.

$('.list li').each(function(i, ele) {
    console.log(i, ele);
    // console.log(this == ele); // true
    $(this).html(i);
    if ($(this).attr('data-item') == 'do') {
        $(this).html('data-item: do');
    };
})
로그인 후 복사

i: 시퀀스 값 ele: 현재 순회 중인 DOM 요소만

이것은 현재 순회 중인 DOM 요소이며 jQuery 메서드를 호출할 수 없습니다

$(this) == $ (ele)가 현재 탐색 중입니다. 요소의 jquery 객체에 대해 jquery 메서드를 호출하여 dom 연산을 수행할 수 있습니다

2. 배열을 탐색하는 jquery 메서드인 $.each

에는 반환 값이 없습니다. 지원되는 익명 함수에는 2개의 매개변수가 있습니다. 순회가 배열인 경우 i는 현재 항목의 인덱스이고 n은 배열의 현재 항목입니다.

예제는 다음과 같습니다.

//数组:i为索引,n为值
$.each( [1,2,3,4], function(i, n){
   console.log( i + ": " + n );
});
로그인 후 복사

여기서 주목해야 할 사항은 다음과 같습니다. :

한 루프를 건너뛰고 다음 루프를 계속 실행하려면 return 또는 return true를 사용하세요.

루프 실행을 종료하려면 return false를 사용하세요. 하지만 함수 실행은 종료하지 마세요.

break를 사용하여 루프를 계속 건너뛸 수 없습니다.

$.each의 $(this)는 this와 다르지만 순회 결과는 동일합니다.

jquery 순회에 대한 자세한 내용은 jquery 매뉴얼을 참조하세요.

위 내용은 jquery에서 배열을 탐색하는 방법은 무엇입니까? jquery에서 배열을 순회하는 데 일반적으로 사용되는 두 가지 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿