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

作者:袖梨 2022-06-25

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());

 });

 

 

相关文章

精彩推荐