首页 > 编程 > JavaScript > 正文

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

2019-11-19 17:17:22
字体:
来源:转载
供稿:网友

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的方法总结就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表