如何按自定义属性的值对DIV OnClick jQuery进行排序?

| 此代码非常适合对动态创建的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。 问候     
已邀请:
只需使用newdiv.attr(\'data-sort \')访问您的div的自定义属性 更新: 的确,如果您以后想要遍历所有div元素并使用\'data-sort \'属性进行排序,则使用jQuery可以执行以下操作:
$(\"div.sortableDivClass\").each(function(index, item) {
   var order = item.getAttribute(\'data-sort\');
   // do the reshuffle based on the order
    ...


});
    
从您的元素中,您可以使用
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
属性。     

要回复问题请先登录注册