jquery遍历获取带checkbox表格的选中值以及遍历json数组

今天整理了一下jquery遍历的两个用法，分享给大家。

1.$().each 主要用来遍历dom元素，获取dom的值或样式等。

2.$.each() 主要用来遍历后台ajax返回的json数组，循环将数组的值赋予dom元素等。

 

$().each。上代码：

<button id="get_category">获取单选框分类名称</button>
<tbody>
    <tr>
         <td><input type="checkbox" name="ckb" value="分类一"></td>
         <td>分类一</td>
    <tr> 
    <tr>
         <td><input type="checkbox" name="ckb" value="分类二"></td>
         <td>分类二</td>
    <tr> 
</tbody>  

js代码：

$("#get_category").on('click',function(){
    var checkids = [];
    $("input[name='ckb']:checked").each(function(i){
        checkids[i] = $(this).val();
    });
    alert(checkids);
});

点击按钮，你就会发现被选中行的分类名称就可以alert出来。

 

$.each() 上代码：

$.get("{:u('record/index')}",{info:info},function(data){
    $.each(data, function(i, item){ 
          alert(item.name+item.tel)
    });
});    

该段js代码，第一行为发送ajax请求，info为发送数据，这些都不需要理解，只需要清楚data为ajax返回值，假设返回的data数组有"name"和"tel"两个键值，那么通过$.each()就可以将data中的所有数组元素alert出来。其中i为循环值，循环一次自动加1，item为数组中的元素。当然，i和item没有固定的写法，你也可以写成 function(a, ele)等任何形式。

 

jquery还有很多内置好的遍历方法，parent()、children()、find()、siblings()等，很常用，用法也很简单，都可以在下面的菜鸟教程链接查到，这里就不一一介绍了。

https://www.runoob.com/jquery/jquery-ref-traversing.html

 如遇到难题欢迎联系wx:offer555沟通解决。

感兴趣的朋友欢迎扫码关注我的公众号，里面有很多笔者的原创技术文章，希望对大家有所帮助:）