JQuery에서 출력 배열 요소를 반복하는 방법-HTML 지식-php.cn

JQuery에서 출력 배열 요소를 반복하는 방법

藏色散人

풀어 주다： 2020-06-12 14:00:57

원래의

14419명이 탐색했습니다.

JQuery를 사용하여 배열 요소, 즉 배열의 모든 값을 루프아웃하려면 jQuery.each() 메서드를 사용하여 이를 달성할 수 있습니다. 즉, 객체이든 배열이든 모든 컬렉션을 반복합니다.

JQuery에서 출력 배열 요소를 반복하는 방법

아래에서는 특정 코드 예제를 기반으로 출력 배열 요소 를 통해 JQuery를 반복하는 메서드를 소개합니다.

코드 예제는 다음과 같습니다:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JQuery循环遍历输出数组元素示例</title>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var arr= ["Apple", "Banana", "Orange", "Mango", "Pineapple"];
            $.each(arr, function(index, value){
                $("#result").append(index + ": " + value + &#39;<br>&#39;);
            });
        });
    </script>
</head>
<body>
</body>
<div id="result"></div>
</html>

로그인 후 복사

$.each()메서드에는 두 개의 매개변수가 있으며 첫 번째 매개변수는 루프될 배열 이름, 두 번째 매개변수는 메소드입니다.

여기서 arr 배열을 정의한 다음 배열 인덱스(index)와 해당 배열 값(value)을 이 메서드의 각 콜백에 전달하고 append() #🎜를 전달합니다. 🎜# 이 메소드는 지정된 배열 값을 출력하는 루프의 결과를 인쇄합니다.

결과는 다음과 같습니다:

JQuery에서 출력 배열 요소를 반복하는 방법