jquery中選擇器的遍歷方法

jquery的遍歷方法是.each()方法，可以支持多樣化的選擇器遍歷場景。

1.索引值遍歷。

$('div').each(function (i) {
    // i就是索引值
    console.log(i);
    // this表示獲取遍歷每一個dom對象
    console.log(this);
});

如果該遍歷的dom對象需要調用jquery的方法，可以使用$(this)將dom對象轉換為jquery對象。

2.索引值+dom對象遍歷。

$('div').each(function (index, domEle) {
    // index就是索引值
    console.log(index);
    // domEle表示獲取遍歷每一個dom對象
    console.log(domEle);
});

如果該遍歷的dom對象需要調用jquery的方法，可以使用$(domEle)將dom對象轉換為jquery對象。

3.更實用的遍歷方法。

1）先獲取選擇器集合對象，保存到一個變量yanggb里。

var yanggb = $('div');

2）遍歷選擇器集合對象的每一個元素。

$.each(yanggb, function (index,domEle) {
    // yanggb是要遍歷的集合
    console.log(yanggb);
    // index就是索引值
    console.log(index);
    // domEle 表示獲取遍歷每一個dom對
    console.log(domEle);
});

 

"我說今晚月色真美，風也溫柔。"