JQuery 的遍历方法 $.each

Posted 克里斯博客(gwsh)

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQuery 的遍历方法 $.each相关的知识,希望对你有一定的参考价值。

博主呢最近在公司实习,发现公司基本上都会统一代码风格,今天看到还有很多事用JQuery写的js 请求Ajax与后台进行数据交互的方式 当我看到$each 遍历时 然我想起我学JQuery的时候 于是复习一下

常用的方式呢 有两种

方式一:

1、遍历数值,同时使用索引和内容

success : function(response) {
$.each(response.data,function(i, value) {
$(".mailCheck").append(
"<input type=‘checkbox‘ onClick=‘putCheck();‘ name=‘checkbox‘ value="+value.mailbox+">"+value.username+""
);

方式二:

2、遍历对象,同时使用成员名称和变量内容

success:function(response){
$.each(response.data,function(value) {
$("#meeting").append(
"<td> " + "<input type=‘checkbox‘ value=‘response.data[value].username ‘>"+ response.data[value].username  +  " </td>"
);

  

代码风格很重要吗? 对很重要!一定要统一,不然对后期的可维护是一种煎熬!!!明年见 祝大家新年快乐!

以上是关于JQuery 的遍历方法 $.each的主要内容,如果未能解决你的问题,请参考以下文章

jQuery通用遍历方法each的实现

急! jquery $.each 嵌套循环遍历

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

Jquery中each的三种遍历方法

Jquery中each方法如何在其所调用函数中退出遍历

jquery中each的3种遍历方法