JQuery查找子元素find()和遍歷集合each的方法總結(jié)
更新時(shí)間：2017年03月07日 08:55:24 投稿：jingxian
下面小編就為大家?guī)硪黄狫Query查找子元素find()和遍歷集合each的方法總結(jié)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
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()方法遍歷數(shù)組 */
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()方法處理二維數(shù)組 */
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的方法總結(jié)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
jQuery實(shí)現(xiàn)圖片向左向右切換效果的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄猨Query實(shí)現(xiàn)圖片向左向右切換效果的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
本文主要介紹jQuery中on方法使用注意事項(xiàng)。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
本文為大家?guī)淼氖莏Query模擬點(diǎn)擊A標(biāo)記，個(gè)人感覺這個(gè)示例還是不錯(cuò)的,需要的朋友可以參考下2014-04-04
jQuery使用正則表達(dá)式限制文本框只能輸入數(shù)字
本文主要介紹jQuery中使用正則表達(dá)式限制文本框只能輸入數(shù)字的功能，希望能幫到大家，有需要的朋友可以參考一下。2016-06-06
下面小編就為大家?guī)硪黄獪\談jQuery中的checkbox問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
用JQuery 判斷某個(gè)屬性是否存在hasAttr的解決方法
本篇文章介紹了，用JQuery 判斷某個(gè)屬性是否存在hasAttr的解決方法。需要的朋友參考下2013-04-04
這篇文章主要為大家詳細(xì)介紹了基于jQuery拖拽事件的封裝，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
jQuery簡(jiǎn)單tab切換效果實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery簡(jiǎn)單tab切換效果實(shí)現(xiàn)方法,涉及jQuery鏈?zhǔn)讲僮骷氨闅v的技巧,是非常具有實(shí)用價(jià)值的功能,需要的朋友可以參考下2015-04-04
jQuery下擴(kuò)展插件和拓展函數(shù)的寫法（匿名函數(shù)使用的典型例子）
這些年，javascript火起來了，主要?dú)w功于AJAX的推廣應(yīng)用，Web2.0的發(fā)展。。。于是，出現(xiàn)了很多的javascript框架。2010-10-10
jQuery實(shí)現(xiàn)移動(dòng)端扭蛋機(jī)抽獎(jiǎng)
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)移動(dòng)端扭蛋機(jī)抽獎(jiǎng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11