var compA = $(a).find(‘span’).text().toUpperCase();
var compB = $(b).find(‘span’).text().toUpperCase();

I changed it from ‘span’ to ‘a’ (for hyperlinks) and it worked!

Now, my remaining issues is that my list 6 columns wide and I is displaying items alphabetically but in horizontal order, not vertical order. Is there any code I can append to it that can make it list the items in vertical order?

I have been trying to get this working on a wordpress site but I am not having much luck.

I have a submenu which consists of a list of links. Currently they get generated in order of date, but I just want to have them listed in alphabetical order. I thought maybe I can do this with jquery?

The submenu div is called #projects-sub-menu

I have put your code in my js file, and changed the first line to:

var mylist = $(‘#projects-sub-menu’);

I can’t get it working though, my list still shows up in order of date. I am a novice and would really appreciate any guidance.

thank you very much, Dan… I figured it out a few minutes ago by myself… I have to re-write a bit code to make it work the way it’s intended to run… but I can see clearly now the path to heaven.

Thank you very much for helping me.

And a brilliant solution, of course. Thx…
Oliver

$.get(url, function(d) {
  $(d).find(‘entry’).each(function() {
     //code to append items
   });
   //put sort code here
});

Remember that AJAX calls are asynchronous so you need to run the code at the right time – after it has finished. Currently it is just trying to sort an empty list

var mychildren = $('#listticker').append(''+description+''+pubDate+'');

thank you so much for your support. I appreciate it very much.

Okay, I get closer

It seems that when having a static UL in the HTML code, it gets sorted as intended.

But I am clearing that static list and adding new ones on document ready, then trying to sort it…

$(document).ready(function(){
var adminrssfeed = “notesfromadmin.xml”;
$(“#listticker”).empty();
$.get(adminrssfeed, function(d) {
$(d).find(‘entry’).each(function() {
var $item = $(this);
var description = $item.find(‘description’).text();
var pubDate = $item.find(‘updated’).text();
var mychildren = $(‘#listticker’).append(‘‘+description+’‘+pubDate+”);
});
});

var mylist = $(“#listticker”);
var listitems = mylist.children(‘li’).get();
listitems.sort(function(a,b) {
var compA = $(a).find(‘span’).text().toUpperCase();
var compB = $(b).find(‘span’).text().toUpperCase();
return (compA compB) ? 1 : 0;
});
$.each(listitems, function(idx, itm) { mylist.append(itm); });

};

This fills the listticker ul element with new entries from an xml file, but the sorting part doesn’t work. I think, this is because I am appending new elements, but they are not there yet when I try to sort them.

I can send the full code including the xml file and send that to you if you like.

Is there something that I can do after appending the elements and before sorting them, to make them sortable?

Or am I missing something here?

Thank you in advance,

Oliver

var mylist = $(‘#listticker’).append(‘<li><img src=”img/me.png” /><a href=”" class=”blub”>’+description+’</a><span class=”bla”>’+strDateTime+’</span></li>’);

There are a couple of things wrong with your sorting javascript. Firstly, you are missing a semi-colon after the sort function and before the each statement. Secondly your comparison logic (the return statement) is not correct. This works:

$(function() {
var mylist = $(‘#listticker’);
var listitems = mylist.children(‘li’).get();
listitems.sort(function(a,b) {
var compA = $(a).find(‘span’).text().toUpperCase();
var compB = $(b).find(‘span’).text().toUpperCase();
return (compA < compB) ? -1 : (compA > compB) ? 1 : 0;
});
$.each(listitems, function(idx, itm) { mylist.append(itm); });
});

See this demo at JSFiddle

Hope that helps

I know that you probably are involved in many projects, but maybe you want to help a poor dumbhead with his code…?!

Thx in advance,
Oliver