在jQuery中,遍歷集合對象的屬性值是非常簡單的,只需要使用each()方法就可以完成。
$(“selector”).each(function(){ //do something });
在上述代碼中,“selector”是指需要遍歷的對象,它可以是類、標簽、ID等等,每次遍歷都會執行一個function()函數,你可以在里面對每個元素進行操作。接下來,讓我們看一下具體的使用方法。
$(“#list li”).each(function(){ console.log($(this).text()); });
在這個例子中,“#list li”代表了一個不存在的列表,我們需要遍歷它的每一個li元素并輸出它們的文本。在遍歷中,我們使用了$(this)代表當前li元素,通過.text()方法獲取了它的文本內容并輸出。
我們還可以通過遍歷集合對象并調用屬性來獲取它們的值,例如:
var arr = []; $(“.classname”).each(function(){ arr.push($(this).attr(“data-value”)); }); console.log(arr);
這個例子中,我們首先聲明了一個空數組,用來儲存每個classname元素的data-value屬性值。在遍歷中,我們使用了.attr()方法來獲取當前元素的data-value值,并通過.push()方法添加到數組中。最后,我們輸出了整個數組。
總之,使用each()方法是非常方便的,它可以幫助我們快速地遍歷集合對象并對它們進行操作。希望這篇文章能對初學者們有所幫助。