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

2017-11-15  本文已影响0人  wuxuan94

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")
上一篇下一篇

猜你喜欢

热点阅读