在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对象的方法来操作元素。