javascript - 如何按自定义属性的值对 DIV OnClick Jquery 进行排序？

Question

此代码非常适合对动态创建的 div 进行排序:

<div id='1'>a</div>
<div id='2'>b</div>
<div id='3'>c</div>
<div id='4'>d</div>
<div id='5'>e</div>

<div id="addnew">Add New</div>



   $('#addnew').live('click',function() {

    newdiv = $("<div id='4'>AA</div>");

    div_id_after = Math.floor(parseFloat(newdiv.get(0).id));

    $('#'+div_id_after).after(newdiv);

});

我想做的就是采用相同的函数并使其能够使用自定义属性“data-sort=”而不是 ID。

问候

Answer 1

在您的元素中，您可以使用getAttribute()。

var elem = newdiv.get(0);

var div_id_after = elem.getAttribute('data-sort');

---

或者使用 jQuery，您可以使用 .data() 方法。

var div_id_after = newdiv.data('sort');

这之所以有效，是因为 jQuery 在旧版浏览器上也支持 HTML5 data 属性。