微客导航 » 文章资讯 » JQuery查找子元素find()和遍历集合each的方法总结

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

2024-02-28 04:25:03 171

1.HTML代码

2.jquery


/*find()查找子元素方法*/
varaaa=$("div[name='students'][school='HK']").find("input[type='boy'][name='ZhangSan']");
console.log(aaa.val());

/*$(".child",parent);方法查找子元素*/
varbbb=$($("input[type='boy'][name='ZhangSan']"),$("div[name='students'][school='HK']"));
console.log(aaa.val());

/*each()方法遍历数组*/
vararr=["one","two","three","four"];
$.each(arr,function(){
console.log(this);
});

/*each()方法处理json*/
varobj={
one:1,
two:2,
three:3,
four:4
};
$.each(obj,function(key,val){
console.log(obj[key]);
});

/*each()方法处理二维数组*/
vararr1=[[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());
});

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

返回顶部
3162201930
czq8825@qq.com

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

热门推荐

随机推荐