记录最初工作下的笔记($.each)

时间:2023-03-09 04:30:49
记录最初工作下的笔记($.each)

  没事开始写博客,留下以前工作中常用的笔记,内容不全或者需要补充的可以留言,我只写我常用的。

  each遍历在工作中很常用,平时工作最常用的就是快速找到html上dom节点以达到找寻数据,和ajax接受json数组遍历数据。

  第一种,查找快速查找name属性节点

   <p name="txt">我的</p><span name="txt">第一个</span><div name="txt">工作笔记回忆</div>

  可以用each快速将“我的第一个工作笔记回忆”查询出来

  var strtxt = '';

  $('[name=txt]').each(function(){

    strtxt = strtxt + $(this).html();

  });

  alert(strtxt ); //输出的结果 “我的第一个工作笔记回忆”

  第一种方法长用于遍历相同节点名称

  第二种,遍历数据源

  做项目常常前端会接收json数组

  $(数据源).each(function(e){ //e是从0开始的

    alert(this.'key');

  });

  额外补充each的嵌套:

  两个甚至多个each嵌套,很多人刚接触each的时候在遍历each中套each的时候会出现问题,

  $(数据源1).each(function(){

    $(数据源2).each(function(){

      this.'key' //很多刚接触的人都不知道这个this是数据源1还是数据源2的,这个this是数据源2的,this默认的是最接近的那个each

    });

  });

   以上代码存手打,可能有误,欢迎指出!!!陆陆续续会写些以前常用到的