Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery:按内部元素排序';s属性_Javascript_Jquery_Html_Sorting_Frontend - Fatal编程技术网

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