`
wangsuting
  • 浏览: 29832 次
社区版块
存档分类
最新评论

.each()与$.each()

阅读更多

刚刚接触这两个方法,所以整理一下:

1.  each()可以使用jquery选择器进行遍历

 

$("#data_statistics_pip .none").each(function(index,item){ 
});

$("#data_statistics_pip .col-md-6").each(function (index, element) {
            var div_block = $(element).find(".pie");
            var data_block = $(element).find(".none").text()
            show_pip(div_block.attr('id'),JSON.parse( data_block))
        })

 

2.  $.each()不仅可以使用jquery选择器进行遍历,还可以遍历数组以及对象

 

使用jquery选择器进行遍历

$.each($("#data_statistics_pip .none"), function(index,item){  
})

 

遍历数组

$.each([ 52, 97 ], function( index, value ) {
  alert( index + ": " + value );
});

 

遍历对象

var obj = {
  "flammable": "inflammable",
  "duh": "no duh"
};
$.each( obj, function( key, value ) {
  alert( key + ": " + value );
});

 

分享到:
评论

相关推荐

    浅谈jquery中的each方法$.each、this.each、$.fn.each

    $.each([1,2,3,4],function(){  //$(this)==数组中的每一个数组(如果数组是对象,就是对象) }); 方法三 应有场景有点不一样 this.each(function(){ }) 扩展jQuery对象方法 应该是 j

    深入理解$.each和$(selector).each

    深入理解JavaScript中的$.each和$(selector).each方法是jQuery库中的两个重要遍历工具,它们在处理数组、JSON对象以及jQuery对象时发挥着关键作用。 首先,$.each方法是一个通用的迭代器,它可以用于遍历任何集合,...

    jquery的$().each和$.each的区别

    这个函数和之前项目里面用到的遍历数据的函数不是同一个呀(项目里面用到的函 数:$.each(dataresource,function(index,element))),于是,就好好研究了下,果然在JS里面有两个相似的函数,于是也就有了今天的主题...

    JQuery中$.each 和$(selector).each()的区别详解

    另外,与$.each不同,如果你在$(selector).each()的回调函数中返回false,它将会停止进一步遍历,这在某种程度上类似于在for循环中使用break语句。 在实际应用中,如果你需要遍历的是DOM元素,那么$(selector).each...

    $.each与$().each的区别示例介绍

    $.each() 与 $().each之间的区别,$.each是一个通用的迭代函数,可用于近似地迭代 对象和数组,这个函数与$().each是专用用于迭代和执行jquery对象函数。而这个函数可以用于迭代任何对象,这个函数的回调中包含两个...

    JS中的forEach、$.each、map方法推荐

    对于数组,`$.each`的参数顺序与`forEach`相反: ```javascript $.each(array, function(index, value) { // 代码块 }); ``` `$.each`的用法更灵活,不仅可以用于数组,还可以遍历对象。但需要注意的是,`$.each`...

    jQuery 中$(this).index与$.each的使用指南

    本文将对 jQuery 中的 $(this).index() 和 $.each 方法的使用进行详细介绍,并结合示例解释其在实际开发中的应用。 首先来看 $(this).index() 方法。在 jQuery 中,$(this) 常用于引用当前事件的元素对象,而 ....

    原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作

    本文实例讲述了原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作。分享给大家供大家参考,具体如下: 一、原生JS forEach()和map()遍历 共同点: ①.都是循环遍历数组中的每一项。 ②....

    jQuery自带的一些常用方法总结

    本身方法($.each,$.map,$.contains,$ajax) 常用工具方法 (1)$.trim $.trim方法用于移除字符串头部和尾部多余的空格。 代码如下: $.trim(‘ Hello ‘) // Hello (2)$.contains $.contains方法返回一个布尔...

    详解Jquery 遍历数组之$().each方法与$.each()方法介绍

    $().each() 对于这个方法,在dom处理上用的比较多,如果一个html页面上面有多个checkbox,这时用$().each来处理checkbox是比较不错的; $("input[type='checkbox']").each(function(i){ $(this).attr("checked",true...

    $("img").each(function(i){

    $("img").each(function(i){ this.src = "test" + i + ".jpg"; });$("img").each(function(i){ this.src = "test" + i + ".jpg"; });

    javascript $.each用法例子

    在实际开发中,`$.each()`经常与DOM操作结合,例如遍历DOM节点集合并修改它们的样式、内容或添加事件监听器。这在构建动态网页和交互式界面时非常有用。 综上所述,`$.each()`是jQuery中的一个核心方法,极大地简化...

    jquery $.each json 获取json 数据

    $.each函数是jQuery中一个重要的迭代器,它允许我们遍历数组或对象,包括JSON数据。本篇文章将深入探讨如何使用jQuery的$.each函数来获取并处理JSON数据。 首先,我们需要了解JSON(JavaScript Object Notation),...

    jQuery的$.each()遍历数组或对象的用法

    $.each()遍历数组或对象的具体用法

Global site tag (gtag.js) - Google Analytics