我正在使用 JQuery 选择页面上的一些元素，然后在 DOM 中移动它们。我遇到的问题是我需要以 JQuery 自然想要选择它们的相反顺序选择所有元素。例如：
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>
我想选择所有 li 项目并在它们上使用 .each() 命令，但我想从项目 5 开始，然后是项目 4 等。这可能吗？
JQuery .each() 向后
IT技术
javascript
jquery
arrays
reverse
2021-01-23 15:25:09
6个回答
$($("li").get().reverse()).each(function() { /* ... */ });
我以世界上最小的 jquery 插件的形式向您展示有史以来最干净的方式：
jQuery.fn.reverse = [].reverse;
用法：
$('jquery-selectors-go-here').reverse().each(function () {
//business as usual goes here
});
- Michael Geary 在他的帖子中的所有功劳：http : //www.mail-archive.com/discuss@jquery.com/msg04261.html
你可以做
jQuery.fn.reverse = function() {
return this.pushStack(this.get().reverse(), arguments);
};
其次是
$(selector).reverse().each(...)
这里有不同的选项：
第一：没有jQuery：
var lis = document.querySelectorAll('ul > li');
var contents = [].map.call(lis, function (li) {
return li.innerHTML;
}).reverse().forEach(function (content, i) {
lis[i].innerHTML = content;
});
演示在这里
...并使用 jQuery：
你可以使用这个：
$($("ul > li").get().reverse()).each(function (i) {
$(this).text( 'Item ' + (++i));
});
演示在这里
另一种方式，也使用 jQuery反向是：
$.fn.reverse = [].reverse;
$("ul > li").reverse().each(function (i) {
$(this).text( 'Item ' + (++i));
});
这个演示在这里。
另一种选择是使用length（与该选择器匹配的元素的计数）并使用index每次迭代的 。然后你可以使用这个：
var $li = $("ul > li");
$li.each(function (i) {
$(this).text( 'Item ' + ($li.length - i));
});
这个演示在这里
还有一个，与上面的有点相关：
var $li = $("ul > li");
$li.text(function (i) {
return 'Item ' + ($li.length - i);
});
演示在这里
我更喜欢创建一个反向插件，例如
jQuery.fn.reverse = function(fn) {
var i = this.length;
while(i--) {
fn.call(this[i], i, this[i])
}
};
用法例如：
$('#product-panel > div').reverse(function(i, e) {
alert(i);
alert(e);
});