联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 网页前端技术 > 正文

基于jQuery中对数组进行操作的方法 - Web前端

作者:98wpeu发布时间:2026-06-17分类:网页前端技术浏览:3


导读:JQuery中提供了两个函数:   1.$.map(Array,callback(element,index));      对于array中的每个元素,调用callback...

JQuery中提供了两个函数 :

    1.$.map(Array,callback(element,index));

       对于array中的每个元素,调用callback()函数,最终返回一个新的数组,原数组不变

       例如:

          $(function () {
            var arrint = [1, 3, 5, 79];
            var b = $.map(arrInt, function (value, key, a) {//map返回来的是一个新数组
                return value * 2;
            });

       })

    2. $.each(array,fn);

        主要用来遍历数组,不修改数组,对于普通数组或者“键值对数组”都可以进行遍历。

        在each函数中可以直接使用this,表示当前元素的值。

        例如:获取checkbox中的选中项

          <scripttype="text/javascript" >       

           $(function () {

                         var arr = [];            

                         $('input[type=Checkbox]').click(function () {                

                         $('input[type=checbox]:checked').each(function (key, value) {             

                                           arr[key] = value.text();                

                                   });                

                    var lengtha = $('input[type=checkbox][checked=checked]').length;                     $('#spMsg').text('共有' + lengtha + '被选中分别是:' + arr);            

              })        

        })

标签:数组中对操作方法WebjQuery


网页前端技术排行
最近发表
网站分类
标签列表