简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > js教程 > 正文

jQuery使用each方法与for语句遍历数组示例

高洛峰
发布： 2016-12-29 10:55:20
原创
1599 人浏览过

本文实例讲述了jQuery使用each方法与for语句遍历数组。分享给大家供大家参考，具体如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery-1.6.2.js" type="text/javascript"></script>
<script type="text/javascript">
var array=["huangbiao","24","boy"];
var length = array.length;
function forFunc(){
  var result = "";
  for(var i = 0; i < length; i++){
    result=result.concat(array[i]+" ; ");
  }
  $("#forFunc").html(result);
  return true;
}
function eachFunc(){
  var result = "";
  $(array).each(function(i,n){
  //下面两种方式实现的效果是一样的
    //result=result.concat(array[i]+" ; ");
    result=result.concat(n+" ; ");
  });
  $("#eachFunc").html(result);
}
</script>
<title>无标题文档</title>
</head>
<body>
  <button onclick="forFunc()">forFunc</button><br>
  <div id="forFunc"></div>
  <button onclick="eachFunc()">eachFunc</button><br>
  <div id="eachFunc"></div>
</body>
</html>
登录后复制

希望本文所述对大家jQuery程序设计有所帮助。

更多jQuery使用each方法与for语句遍历数组示例相关文章请关注PHP中文网！


相关标签：
jQuery each for 遍历数组
来源：php.cn
上一篇：jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象 下一篇： jquery 遍历数组 each 方法详解
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
为什么map方法没有显示我的div内容？ 我目前正在尝试使用React创建一个Web应用程序，提示用户使用表单输入一些内容。提交时，代码创建一个对象“teammate”，然后推送到数组“Team”。然后，我希望使用地图方法...
来自于 2023-09-16 20:00:13
0
1
268
向动态创建的元素添加不同的类 我有一个对象数组，其中每个对象都有一个textValue、一个active、info等。我将遍历这种排列并显示每个元素的按钮。对于里面的每个按钮，我添加一个div，在3个段落中，我...
来自于 2023-09-11 13:34:46
0
1
246
检查数组中是否存在N的两倍等于M的元素 我开始在leetcode上解决问题，这个问题没有通过测试用例，这是我的尝试：functioncheckIfExist($arr){$i=0;$j=0;$n=count($arr);...
来自于 2023-09-11 13:15:10
0
2
227
为何我的JavaScript（Vue）代码中的对象属性被标记为只读状态？ 我有一个Vue2应用程序，其中有一个状态变量（一个包含盒子对象的数组）叫做boxes。我有一个计算属性，它从这些盒子中提取一个子集（nearest_box_linked_boxes...
来自于 2023-08-26 22:18:27
0
1
295
利用async/await与forEach循环进行操作 在使用forEach循环中使用async/await会有什么问题吗？我试图遍历一个文件数组，并在每个文件的内容上使用await。importfsfrom'fs-promise'as...
来自于 2023-08-20 11:27:20
0
2
265
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！