JS中的$().each

news/2024/7/19 16:18:57 标签: JS

JS中的$().each

var dn_doc_no = “”;
//判断是否有勾选item
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲docCenter input…(this).attr(“checked”) == ‘checked’ && $(this).val() != ‘on’) {
doc_no += $(this).val() + ‘,’;
}
});
var urlQuery = “type=AutoPosting&doc_no=” + doc_no + “&t=” + Math.random();

JQuery中的$().each 以及 $.each的区别
参考https://www.cnblogs.com/agansj/p/8780220.html

1.$(selector).each(function(index,element))
作用:在dom处理上面用的较多
示例:
html部分文档

  • Coffee
  • Soda
  • Milk

js遍历函数:

function traversalDOM(){
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲each_id li").ea…(this).text())
});
}

输出结果:

在这里插入图片描述

2.$.each(dataresource,function(index,element))

作用:在数据处理上用的比较多,主要还是用来处理后台传到前端的数据的

示例:

此处没有html代码,只有js代码,如下:

function traversalData(){
var jsonResourceList = ‘[{“id”:“1”,“tagName”:“apple”},{“id”:“2”,“tagName”:“orange”}]’;
if(jsonResourceList.length >0){
$.each(JSON.parse(jsonResourceList), function(index, obj) {
alert(obj.tagName);
});
}
}

输出结果:

在这里插入图片描述
3.最终结论:

在遍历DOM时,通常用$(selector).each(function(index,element))函数;

在遍历数据时,通常用$.each(dataresource,function(index,element))函数。

参考之处已作说明,仅做个人整理学习,侵删!


http://www.niftyadmin.cn/n/1528967.html

相关文章

component加上 is:动态组件用法(可以切换多个模板的组件)

在我们平时使用vue中的模板的时候&#xff0c;许多时候都是直接定义成一个固定的模板&#xff0c;但是&#xff0c;vue中提供了一个动态模板&#xff0c;可以在任意模板中切换&#xff0c;就是用vue中<component>用:is来挂载不同的组件。 <div id"app" v-cl…

从 0 开始手写一个 Spring MVC 框架,向高手进阶!

从 0 开始手写一个 Spring MVC 框架&#xff0c;向高手进阶&#xff01; Spring框架对于Java后端程序员来说再熟悉不过了&#xff0c;以前只知道它用的反射实现的&#xff0c;但了解之后才知道有很多巧妙的设计在里面。如果不看Spring的源码&#xff0c;你将会失去一次和大师学…

详解SpringMVC——接收请求参数和页面传参,重定向等

spring接收请求参数: 1,使用HttpServletRequest获取 ? 1 2 3 4 5 RequestMapping("/login.do") public String login(HttpServletRequest request){ String name request.getParameter("name") String pass request.getParameter("pass&…

Idea智能提示快捷键

修改智能提示快捷键&#xff1a; 原文地址&#xff1a;https://blog.csdn.net/gaoqiao1988/article/details/73299670 Idea(File –>Settings)(CtrlAltS), –> 打开设置对话框。 在左侧的导航框中点击 KeyMap。 接着在右边的树型框中选择 Main menu –> Code –>…

ul、ol、table、select 元素使用is特性:约束元素不能直接使用组件

说明&#xff1a; 由于DOM元素模板限制&#xff0c;<ul>、<ol>、<table>、<select> 这些元素内部只能使用<li>、<tr>、<option>元素。 如果在<ul>、<ol>、<table>、<select> 这些元素内部直接使用自定义元…

【SpringMVC学习05】SpringMVC中的参数绑定总结

【SpringMVC学习05】SpringMVC中的参数绑定总结 2016年06月21日 20:08:05 阅读数&#xff1a;40469 众所周知&#xff0c;springmvc是用来处理页面的一些请求&#xff0c;然后将数据再通过视图返回给用户的&#xff0c;前面的几篇博文中使用的都是静态数据&#xff0c;为了能…

在组件上使用 v-for:利用 props 传递数据(父组件传入子组件)

不使用组件的v-for 和 使用组件的 v-for 区别&#xff1a; 1. 可重复使用性&#xff1a; 组件是可以重复使用模板&#xff1b; 2. 触发事件的方法&#xff1a; 组件模板元素触发事件需要用 $emit&#xff0c;把自定义事件发射到html 层面上&#xff0c;html 再通过绑定自定义事…

SpringMVC学习(五)——SpringMVC的参数绑定

SpringMVC学习(五)——SpringMVC的参数绑定 2017年05月18日 22:52:02 阅读数&#xff1a;5471 SpringMVC中的参数绑定还是蛮重要的&#xff0c;所以单独开一篇文章来讲解。本文所有案例代码的编写均建立在前文SpringMVC学习(四)——Spring、MyBatis和SpringMVC的整合的案例基…