`

javascript中的each遍历

 
阅读更多
1.数组中的each 

复制代码

 var arr = [ "one", "two", "three", "four"];     
 $.each(arr, function(){     
    alert(this);     
 });   
//上面这个each输出的结果分别为：one,two,three,four    
    
var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]     
$.each(arr1, function(i, item){     
   alert(item[0]);     
});     
//其实arr1为一个二维数组，item相当于取每一个一维数组，   
//item[0]相对于取每一个一维数组里的第一个值   
//所以上面这个each输出分别为：1   4   7     
  
  
var obj = { one:1, two:2, three:3, four:4};     
$.each(obj, function(i) {     
    alert(obj[i]);           
});   
//这个each就有更厉害了，能循环每一个属性     
//输出结果为：1   2  3  4


2.遍历Dom元素中 

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("li").each(function(){
      alert($(this).text())
    });
  });
});
</script>
</head>
<body>
<button>输出每个列表项的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
</html>



// 绑定节点事件
window.onload = function(){
			//节点点击事件
			$(".nav ul > li").each(function(index, element) {
				$(element).bind("click",(index+1),function(obj){
					menuClick(obj.data);
				});
			});

}
分享到：
| Jquery toggle函数的用法
评论
发表评论

文章已被作者锁定，不允许评论。

相关推荐

    浅析jQuery 遍历函数，javascript中的each遍历_.docx

    jQuery 遍历函数和 JavaScript 中的 each 遍历 jQuery 遍历函数是 jQuery 库中的一组方法，用于筛选、查找和串联元素。这些方法可以帮助开发者快速地操作和处理 HTML 元素。下面是 jQuery 遍历函数的详细介绍： 1....

    JQuery $.each遍历JavaScript数组对象实例

    在JavaScript和jQuery中，`$.each`函数是一个非常实用的工具，用于遍历数组或对象。这个函数允许我们对集合中的每个元素执行某些操作。在本例中，我们将深入探讨如何使用`$.each`处理JSON数据，特别是从JSON字符串...

    jQuery中each遍历的三种方法实例分析

    本文详细介绍了 jQuery 中的 each() 方法，用于遍历匹配的元素集合，即根据选择器选取的元素集合，并针对每个元素执行一个函数。 在 jQuery 中，each() 方法主要有三种遍历方式： 1. 使用选择器选取元素，然后通过...

    浅析jQuery 遍历函数，javascript中的each遍历

    在本文中，我们将探讨jQuery库中的一系列遍历函数，以及如何使用javascript中的each函数来遍历数组和DOM元素。jQuery是一个快速、小巧且功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互的...

    jQuery $.each遍历对象、数组用法实例

    jQuery的$.each方法是用于遍历对象或数组的一个强大工具，它提供了灵活的方式来处理数据集合中的每个元素或属性。在JavaScript中，遍历通常是为了执行某种操作，如修改、检查或计算。$.each方法有两种主要的用法，一...

    jQuery使用$.each遍历json数组的简单实现方法

    jQuery中的$.each方法是一个强大的工具，它允许开发者遍历JavaScript数组或对象。它模仿了jQuery中的其他迭代方法，比如$.map、$.grep等，但它的用途更广泛，可以用于处理JSON对象或者数组。 #### 2. $.each方法的...

    Gridview用javascript遍历所有控件的例子

    本文将通过一个名为"GridviewBatchOperation"的压缩包文件中的例子，详细介绍如何使用JavaScript在客户端遍历GridView的所有控件，实现批量操作。 首先，了解JavaScript的基本语法是必要的。JavaScript是一种轻量级...

    jquery中each遍历对象和数组示例

    在jQuery库中，`each`函数是一个非常实用的工具，它可以用于遍历对象和数组，提供了灵活的方式来处理数据。在本文中，我们将深入探讨`each`的使用方式、语法以及如何在不同场景下应用。 首先，`each`函数的基本语法...

    jQuery使用each遍历循环的方法

    2. 在遍历中使用索引和元素 在each方法中，可以利用索引i来获取当前元素的索引值，而this或ele则指向当前DOM元素。通过这两种方式可以方便地在遍历过程中对元素进行操作。 ```javascript $('div').each(function...

    Jquery使用each函数实现遍历及数组处理

    `each()`函数主要用于遍历数组或对象，简化了JavaScript中的循环操作，使得代码更加简洁易读。接下来我们将详细探讨如何使用jQuery的`each()`函数进行遍历和数组处理。 首先，`each()`函数的基本语法是： ```...

    JQuery中使用.each()遍历元素学习笔记

    在jQuery中，`.each()`函数是一个非常重要的方法，它用于遍历数组或对象，执行针对每个元素的操作。在这个实例中，我们看到`.each()`被用来处理`&lt;li&gt;`元素，以实现一个选项卡功能。接下来，我们将深入探讨`.each()`...

    JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别

    当在`.each()`的回调函数中返回`false`时，它会停止遍历过程，类似于原生JavaScript中的`break`语句。以下是一个示例： ```javascript var a = [20, 21, 22, 23, 24]; $.each(a, function(index, val) { console....

    jQuery 遍历的 each() 方法

    `each()`方法是jQuery中的一个核心功能，用于遍历集合中的每一个元素，这在处理DOM节点数组或者对象数组时非常实用。下面我们将深入探讨`each()`方法的用法、原理以及它在实际开发中的应用。 ### `each()`方法概述 ...

    jquery 遍历数组 each 方法详解

    jQuery中的$.each()方法主要用于遍历数组或对象。它提供了一种方便的方式来执行数组中的每个元素或对象的每个属性。$.each()方法是jQuery的核心扩展之一，可以用来替代原生JavaScript中的for循环来处理数组或对象。 ...

Magicbox
Global site tag (gtag.js) - Google Analytics