jQuery是一款快捷、簡(jiǎn)潔的JavaScript庫,以其簡(jiǎn)單易用的方法讓前端開發(fā)更加便捷。其中的$each方法可以用于遍歷一個(gè)對(duì)象或數(shù)組,但默認(rèn)是正序遍歷。如果需要實(shí)現(xiàn)倒敘遍歷,可以通過以下方法:
$.fn.reverse = Array.prototype.reverse; $.each($("ul li").reverse(), function(index, value){ console.log(index + ':' + value.innerHTML); });
這段代碼中首先定義了jQuery對(duì)象的reverse方法,該方法為數(shù)組的reverse方法。接著調(diào)用reverse方法并將選擇器選中的元素轉(zhuǎn)為數(shù)組類型,然后使用$each方法進(jìn)行倒敘遍歷。
另外還可以使用JavaScript的原生反轉(zhuǎn)數(shù)組方法,再使用$each方法進(jìn)行遍歷。代碼如下:
var arr = $("ul li").get(); arr = arr.reverse(); $.each(arr, function(index, value){ console.log(index + ':' + value.innerHTML); });
這段代碼中首先用jQuery的get方法將選擇器選中的元素轉(zhuǎn)為普通數(shù)組類型,接著使用JavaScript的reverse方法反轉(zhuǎn)數(shù)組,最后再使用$each方法進(jìn)行遍歷。