美文网首页
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