Javascript Jquery:按内部元素排序';s属性
我有以下代码:Javascript Jquery:按内部元素排序';s属性,javascript,jquery,html,sorting,frontend,Javascript,Jquery,Html,Sorting,Frontend,我有以下代码: <div> <div id="1"> <h3>Price: 50</h3> <span id="price" min-price="50"></span> </div> <div id="2"> <h3>Price: 30</h3> <span id="price" min-price="30"></
<div>
<div id="1">
<h3>Price: 50</h3>
<span id="price" min-price="50"></span>
</div>
<div id="2">
<h3>Price: 30</h3>
<span id="price" min-price="30"></span>
</div>
<div id="3">
<h3>Price: 40</h3>
<span id="price" min-price="40"></span>
</div>
</div>
价格:50
价格:30
价格:40
我需要根据最小价格属性对这3个div进行排序。在Jquery中可能吗?我找到了sort()
函数,但无法正确使用它。谢谢。您可以使用.sort()
函数:
$('div[id]').sort(function (a, b) {
var minprice1 = parseInt( $(a).find('span').attr('min-price'));
var minprice2 = parseInt( $(b).find('span').attr('min-price'));
return (minprice1 < minprice2 ) ? -1 : (minprice1 > minprice2 ) ? 1 : 0;
});
$('div[id]')。排序(函数(a,b){
var minprice1=parseInt($(a).find('span').attr('min-price'));
var minprice2=parseInt($(b).find('span').attr('min-price'));
返回值(minprice1minprice2)?1:0;
});
试试这个:
$(文档).ready(函数(){
$(“div[id]”)。每个(函数(编号,ele){
$(“div[id]”。不是($(ele))。每个(函数(索引,el){
a=$(ele.find(“span”).attr(“最小价格”);
b=$(el).find(“span”).attr(“最低价格”);
if(parseFloat(a)>parseFloat(b))
$(ele).插入后面的($(el));
})
})
})
价格:50
价格:30
价格:40
功能分类要素(要素、道具、分类){
var欠款=[],原始金额=[];
$.each(元素,函数(){
arrElements.push($(this.attr(prop));
origElements.push($(this.attr(prop));
});
arrElements.sort();
如果(排序下降)
arrElements.reverse();
for(var i=0,l=arrElements.length;i
价格:50
价格:30
价格:40
Yes有可能minprice1
和minprice2
是int
s您可以使用返回minprice1-minprice2代码>。