>  기사  >  웹 프론트엔드  >  jquery_jquery의 각 순회 객체 및 배열의 ​​예

jquery_jquery의 각 순회 객체 및 배열의 ​​예

WBOY
WBOY원래의
2016-05-16 16:40:211179검색

객체와 배열을 순회하는 데 사용할 수 있는 범용 순회 방법입니다. $().each(), 콜백 함수에는 두 개의 매개변수가 있습니다:

첫 번째는 객체의 멤버 또는 배열의 인덱스이고, 두 번째는 해당 변수 또는 콘텐츠입니다. 각 루프를 종료하려면 콜백 함수가 false를 반환하도록 설정할 수 있습니다

다음과 같은 두 가지 옵션이 있습니다

计划类别: 
<select id="PLANTYPE"> 
<option value="0">-所有-</option> 
<option value="1">新建</option> 
<option value="2">续建</option> 
</select> 
申报类型: 
<select id="AUDITTYPE"> 
<option value="0">-所有-</option> 
<option value="1">申报</option> 
<option value="2">修改</option> 
</select>

각 방법을 사용하여 -all-, new, continue... 옵션에서 텍스트 값을 가져옵니다.

각 루프를 한 번만 사용하는 경우 옵션에서 시작할 수 있습니다

$("option").each(function(index,data){ 
console.info($( data ).text()); 
//或者console.info($(this).text()); 
})

선택하여 시작할 수도 있습니다

$("select").each(function( index,data){ 
$("option", data).each(function(m,n){ 
console.info($(this).text()); 
}) 
})

$("option", data)를 데이터와 함께 추가하거나 $("option",this)를 추가하여 이 개체 아래의 옵션

을 나타내야 합니다.

그렇지 않으면 모두 선택 사항입니다.

---------------화려한 구분선---- -----------

각 jQuery.each(object, [callback])의 또 다른 사용법이 있습니다
jQuery 개체의 $().each() 메서드와 달리 이 메서드는 모든 개체를 반복하는 데 사용할 수 있습니다.

위 코드를 탐색하려면 이 방법을 사용하세요

$.each($("option"),function(index,data){ 
console.info(index+" "+data); 
})

배열을 순회할 수도 있습니다

$.each( [0,1,2], function(i, n){ 
console.info( "Index:" + i + ": " + n ); 
});

객체 트래버스

$.each({ name: "itmyhome", addr: "Beijing" },function(i, n){ 
console.info("Name: " + i + ", Value: " + n); 
});

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.