在jQuery中,我們可以使用JavaScript的for循環來遍歷元素或數組。但是,jQuery還提供了一些特殊的迭代方法來更方便地操作DOM元素集合。
// 使用JavaScript for循環遍歷元素 var elements = document.getElementsByTagName('p'); for (var i = 0; i < elements.length; i++) { console.log(elements[i].innerHTML); } // 使用jQuery的each方法遍歷元素 $('p').each(function(index, element) { console.log($(element).html()); });
可以看到,使用jQuery的each方法可以更加方便地遍歷元素集合,而無需每次都寫一遍for循環。
另外,在jQuery 1.6及以上版本中,還提供了一個新的迭代方法$.fn.map,它可以返回一個新的數組,用于對元素集合進行映射。
// 使用JavaScript的map方法遍歷元素 var elements = Array.prototype.map.call(document.querySelectorAll('p'), function(element) { return element.innerHTML.trim(); }); // 使用jQuery的map方法遍歷元素 var elements = $('p').map(function(index, element) { return $(element).html(); });
從上面可以看出,使用jQuery的map方法可以更加簡潔地遍歷元素集合,并且可以直接使用jQuery對象的方法來操作元素。