How to sort JSON by id's values newest to oldest
Question
How to sort JSON by ID's values newest to oldest?
HTML:
<script>
$(document).ready(function() {
var url = "json.php";
$.getJSON(url, function(result) {
console.log(result);
$.each(result, function(i, field) {
var id = field.id;
var name = field.name;
var category = field.category;
$("#show_data").append("<li class='item'>"+"<div>"+ id +"</div>"+ "<p>"+ name +"</p>" +"<p>" + category +"</p></li>");
});
});
});</script><body><ul><div id="show_data"></div><ul>
Json.php:
[{
"id": "1",
"name": "Mary",
"category": "eng"
}, {
"id": "2",
"name": "Peter",
"category": "super"
}, {
"id": "3",
"name": "Ben",
"category": "math"
}]
Results:
id:1
name:Mary
category:eng
id:2
name:Peter
category:super
id:3
name:Ben
category:math
I want the results to be:
id:3
name:Ben
category:math
id:2
name:Peter
category:super
id:1
name:Mary
category:eng
id:3 --> id-->2 id:--1
2 answers
solution1
1 ACCPTED 2016-09-10 03:40:21
Sort the result in descending order of id before manipulating the dom
var sortedResult = result.sort(function(a, b) {
return b.id - a.id
})
$.each(sortedResult, function(i, field) {
// Rest of the code
});
solution2
0 2016-09-10 03:38:15
If you just want it to show up in reverse order, you can just use $("show_data").prepend(data) . This will insert the last data to be prepended on the top of the div, and the first on the bottom.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How to sort by oldest and newest using date?
How sort this array of items by date in desc order (I used loadash sortBy but it returns oldest first while I need newest first)?
Select newest/oldest element
how to do sorting in moment.js by newest and oldest?
Using VueFire, how do I order my list by date in descending order (newest to oldest)?
ReactJS, How to get the oldest and newest date from array using moment.js
How to arrange images from oldest to newest and then back again using select (JavaScript)?
Accessing files newest to oldest in a efficient way
Sort JSON in chronological order according to date, newest first, using jquery
insert object into array based on dates oldest to newest
Related Tags