当前位置: 首页 > 编程笔记 >

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

凤衡
2023-03-14
本文向大家介绍jQuery使用each方法与for语句遍历数组示例,包括了jQuery使用each方法与for语句遍历数组示例的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了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常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

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

 类似资料:
  • 本文向大家介绍jquery 遍历数组 each 方法详解,包括了jquery 遍历数组 each 方法详解的使用技巧和注意事项,需要的朋友参考一下 JQuery拿取对象的方式 $(‘#id') :通过元素的id $(‘tagName') : 通过元素的标签名 $(‘tagName tagName') : 通过元素的标签名,eg: $(‘ul li') $(‘tagName#id): 通过元素的id

  • 本文向大家介绍jQuery $.each遍历对象、数组用法实例,包括了jQuery $.each遍历对象、数组用法实例的使用技巧和注意事项,需要的朋友参考一下 通过它,你可以遍历对象、数组的属性值并进行处理。 使用说明 each函数根据参数的类型实现的效果不完全一致: 1、遍历对象(有附加参数)   2、遍历数组(有附件参数)   3、遍历对象(没有附加参数) 下面提一下jQuery的each方法

  • 本文向大家介绍jQuery使用each遍历循环的方法,包括了jQuery使用each遍历循环的方法的使用技巧和注意事项,需要的朋友参考一下 1、选择器+遍历 2、选择器+遍历 3、更适用的遍历方法 1)先获取某个集合对象 2)遍历集合对象的每一个元素 下面看下jQuery 遍历 - each() 方法 总结 以上所述是小编给大家介绍的jQuery使用each遍历循环的方法,希望对大家有所帮助,如果

  • 本文向大家介绍JQuery $.each遍历JavaScript数组对象实例,包括了JQuery $.each遍历JavaScript数组对象实例的使用技巧和注意事项,需要的朋友参考一下 查看一个简单的jQuery的例子来遍历一个JavaScript数组对象。 上面的代码片断工作正常,提示 “apple”, “orange” … 等,如预期一样。 问题: JSON 字符串 下面的例子中,声明了一个

  • 本文向大家介绍JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别,包括了JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别的使用技巧和注意事项,需要的朋友参考一下  原生js使用forEach()与jquery使用each()遍历数组,return false 的区别: 1、使用

  • 本文向大家介绍Jquery节点遍历next与nextAll方法使用示例,包括了Jquery节点遍历next与nextAll方法使用示例的使用技巧和注意事项,需要的朋友参考一下 Jqeruy节点遍历

  • 主要内容:jQuery 遍历方法jQuery 遍历方法 方法 描述 add() 把元素添加到匹配元素的集合中 addBack() 把之前的元素集添加到当前集合中 andSelf() 在版本 1.8 中被废弃。addBack() 的别名 children() 返回被选元素的所有直接子元素 closest() 返回被选元素的第一个祖先元素 contents() 返回被选元素的所有直接子元素(包含文本和注释节点) each() 为每个

  • 本文向大家介绍JQuery遍历json数组的3种方法,包括了JQuery遍历json数组的3种方法的使用技巧和注意事项,需要的朋友参考一下 一、使用each遍历 二、jquery遍历解析json对象1: 三、jquery遍历解析json对象2 有如下 json对象: 遍历方法: PS:这里再为大家推荐几款比较实用的json在线工具供大家参考使用: 在线JSON代码检验、检验、美化、格式化工具: h