gpt4 book ai didi

javascript - 使用 jquery 根据 id 更改 div 顺序

转载 作者:行者123 更新时间:2023-12-02 16:50:52 25 4
gpt4 key购买 nike

我在 HTML 页面中有无序的 div,需要根据它们的 id 按升序排列。我有一些代码,但它不起作用,我只是想知道代码出了什么问题,或者我是否需要对代码做更多的工作。 fiddle

Jquery

$('div').sort(function (a, b) {
var contentA =parseInt( $(a).attr('data-sort'));
var contentB =parseInt( $(b).attr('data-sort'));
return (contentA < contentB) ? -1 : (contentA > contentB) ? 1 : 0;
})

HTML

<div data-sort='14'>14</div>
<div data-sort='6'>6</div>
<div data-sort='9'>9</div>

最佳答案

用途:

var asc=false;   
var sorted=$('div').sort(function(a,b){
return (asc ==
($(a).data('sort') < $(b).data('sort'))) ? 1 : -1;
});
asc = asc ? false : true;
$('body').html(sorted);

<强> Working Demo

关于javascript - 使用 jquery 根据 id 更改 div 顺序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26649606/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com