AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

JQuery查找子元素find()和遍历集合each的方法总结

51自学网 http://www.51zixue.net
jquery,each遍历

1.HTML代码

<div name="students" school="HK">  <input type="boy" name="ZhangSan" value="206">  <input type="girl" name="Lisi" value="108">  </div> 

 2.jquery

<script type="text/javascript">  /* find() 查找子元素方法 */  var aaa = $("div[name='students'][school='HK']").find("input[type='boy'][name='ZhangSan']");  console.log(aaa.val());    /* $(".child",parent); 方法查找子元素*/  var bbb = $($("input[type='boy'][name='ZhangSan']"),$("div[name='students'][school='HK']"));  console.log(aaa.val());   /* each()方法遍历数组 */  var arr = [ "one", "two", "three", "four" ];  $.each(arr, function() {   console.log(this);  });    /* each()方法处理json */  var obj = {   one : 1,   two : 2,   three : 3,   four : 4  };  $.each(obj, function(key, val) {   console.log(obj[key]);  });    /* each()方法处理二维数组 */  var arr1 = [ [ 11, 44, 33 ], [ 4, 6, 6 ], [ 7, 20, 9 ] ]  $.each(arr1, function(i, item) {   console.log(item[0]);  });   /* each()方法处理HTML元素 */  $("div[name='students'][school='HK'] > input").each(function() {   console.log($(this).val());  });  </script> 

以上这篇JQuery查找子元素find()和遍历集合each的方法总结就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持51zixue.net。


jquery,each遍历  
上一篇:Node.js读取文件内容示例  下一篇:AngularJS的Filter的示例详解