如何解决对使用jQuery在ajax调用后加载的列表项进行排序
考虑2个文件：
文件1-list.html
<ul>
<li>Dog</li>
<li>Ant</li>
<li>Cat</li>
</ul>
文件2-ajax.html
<html>
<body>
<button type="button">Click</button>
<ul id="list">
</ul>
<script type="text/javascript">
$("button").click(function() {
$("#list").load("list.html ul > li");
});
</script>
</body>
</html>
这里文件1包含项目列表，文件2将文件1的li标签列表项加载到文件2的ul标签。在ajax调用之后，如何在列表显示在屏幕上之前按字母顺序对加载的列表进行排序。我只想在ajax调用后进行排序。请帮助我。
解决方法
为此，您可以为D:\my-app\src\的回调参数提供一个函数，该函数在AJAX请求完成并将新内容添加到DOM后执行。试试这个：
setenforce 0您可以在ajax成功回调函数中执行此操作。另外，您可以使用JS .sort（）对名称进行排序。这是一个简单的ajax调用。您可以根据需要添加更多属性。假设结果变量包含您要添加的名称：
$('#myButton').click(function(){
$.ajax({
url : 'Your_server_url',success: function(result){
result.sort()
for (i = 0; i < result.length; i++) {
$('#list').append("<li>" + result[i] + "</li>")
}
},error: function (xhr,status) {
console.info("cannot update list!");
}
});
}); <html>
<body>
<button type="button" id="myButton">Click</button>
<ul id="list">
</ul>
</body>
</html>
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。