JQuery查找子元素find()和遍历集合each的方法总结
2017-03-07 08:55
876 查看
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的方法总结就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- 浅析jQuery中常用的元素查找方法总结
- jQuery常用的元素查找方法总结 .
- jQuery常用的元素查找方法总结
- 浅析jQuery中常用的元素查找方法总结
- jQuery常用的元素查找方法总结
- 浅析jQuery中常用的元素查找方法总结
- jquery使用each方法遍历元素
- jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结
- jQuery中常用的元素查找方法总结
- jQuery选择器总结 jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法
- jQuery常用的元素查找方法总结
- jQuery常用的元素查找方法总结
- jQuery常用的元素查找方法总结
- 夺命雷公狗jquery---50获取div元素并且通过each方法遍历
- jQuery常用的元素查找方法总结
- jQuery常用的元素查找方法总结
- jQuery常用的元素查找方法总结
- jQuery常用的元素查找方法总结
- 浅析jQuery中常用的元素查找方法总结