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


    通用遍历方法,可用于遍历对象和数组。$().each(),回调函数拥有两个参数:

    第一个为对象的成员或数组的索引,第二个为对应变量或内容。如需退出each循环可使回调函数返回false

    现有如下两个select

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

    使用each方法获取option中的文本值,即 -所有-、新建、续建…

    如果只使用一次each循环 可从option处开始

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

      

    也可从select处开始

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

    $(“option”, data)一定要加上 data或者$(“option”,this),表示此对象下的option

    否则就是所有的option。

    ————————–华丽的分割线—————————–

    each还有一种用法jQuery.each(object, [callback])
    不同于jQuery对象的$().each()方法,此方法可用于例遍任何对象。

    用此方法同样遍历上述代码

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

    也可以遍历数组

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

    遍历对象

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

  • 相关阅读:
    UML总结4---UML九种图关系说明
    TCP/IP学习笔记__mbuf
    操作系统内存管理之 内部碎片vs外部碎片
    校园招聘面试-操作系统知识总结 分看点三
    操作系统常见面试题总结 分看点二
    操作系统之面试常考 分看点一
    操作系统基础知识总结(二)
    操作系统基础知识总结(一)
    Java HashMap的扩容
    linux查看端口被占用情况
  • 原文地址:https://www.cnblogs.com/383855647chenyu/p/5457393.html
Copyright © 2020-2023  润新知