jquery遍历获取带checkbox表格的选中值以及遍历json数组
程序员文章站
2022-06-30 11:44:02
今天整理了一下jquery遍历的两个用法,分享给大家。 1.$().each 主要用来遍历DOM元素,获取DOM的值或样式等。 2.$.each() 主要用来遍历后台ajax返回的json数组,循环将数组的值赋予DOM元素等。 $().each。上代码: JS代码: 点击按钮,你就会发现被选中行的分 ......
今天整理了一下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沟通解决。
感兴趣的朋友欢迎扫码关注我的公众号,里面有很多笔者的原创技术文章,希望对大家有所帮助:)