Home > Web Front-end > JS Tutorial > Example of each traversing objects and arrays in jquery_jquery

Example of each traversing objects and arrays in jquery_jquery

WBOY
Release: 2016-05-16 16:40:21
Original
1209 people have browsed it

Universal traversal method, which can be used to traverse objects and arrays. $().each(), the callback function has two parameters:

The first one is the index of the object’s member or array, and the second one is the corresponding variable or content. If you want to exit each loop, you can make the callback function return false

There are two options as follows

计划类别: 
<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>
Copy after login

Use each method to get the text value in option, namely -all-, new, continue...

If you only use each loop once, you can start from option

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

You can also start from select

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

$("option", data) must be added with data or $("option",this) to indicate the option

under this object

Otherwise it’s all options.

--------------------------Gorgeous dividing line----------------- ------------

There is another usage of each jQuery.each(object, [callback])
Unlike the $().each() method of jQuery objects, this method can be used to iterate over any object.

Use this method to traverse the above code

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

You can also traverse arrays

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

Traverse objects

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

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template