美文网首页
jquery遍历 $.each和$(selector).each

jquery遍历 $.each和$(selector).each

作者: wuxuan94 | 来源:发表于2017-11-15 18:16 被阅读0次

    1.$(selector).each()
    主要对DOM的遍历

    $(selector).each(function(index,element)){
        //index - 选择器的 index 位置
        //element - 当前的元素(也可使用 "this" 选择器)
    }
    $("button").click(function(){
      $("li").each(function(){
        alert($(this).text())
      });
    });
    

    2.$.each
    遍历对象或数组

    $.each(Array, function(i, value) {
          this;      //this指向当前元素
          i;         //i表示Array当前下标
          value;     //value表示Array当前元素
     });
    $.each(Object, function(name, value) {
          this;      //this指向当前属性的值
          name;      //name表示Object当前属性的名称
          value;     //value表示Object当前属性的值
     });
    

    3.find()
    find() 方法获得当前元素集合中每个元素的后代

    //搜索所有段落中的后代 span 元素,并将其颜色设置为红色:
    $("p").find("span").css('color','red');
    

    4.siblings()
    siblings() 获得匹配集合中每个元素的同胞

    //查找每个 p 元素的所有类名为 "selected" 的所有同胞元素:
    $("p").siblings(".selected")
    

    相关文章

      网友评论

          本文标题:jquery遍历 $.each和$(selector).each

          本文链接:https://www.haomeiwen.com/subject/jqehvxtx.html