我使用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在页面上选择一些元素,然后在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等。这可能吗?
当前回答
你也可以试试
var arr = [].reverse.call($('li'))
arr.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(...)
$($("li").get().reverse()).each(function() { /* ... */ });
你也可以试试
var arr = [].reverse.call($('li'))
arr.each(function(){ ... })
如果你不想保存方法到jQuery。Fn你可以用
[].reverse.call($('li'));