javascript - sorting by.. title or link with jquery -

javascript - sorting by.. title or link with jquery -

i'm trying sort based on title of link formatted in a-z format. i'm not able alter html construction skinned, in ul>li or div>div i'm stuck tr>tr>tr> , can't figure out how set title format property sort.

here code. http://jsfiddle.net/34bmj/

function sortunorderedlist(ul, sortdescending) { if(typeof ul == "string") ul = $('tr tr tr'); var lis = ul.find(".dl a"); var vals = []; for(var = 0, l = lis.length; < l; i++) vals.push(lis[i].innerhtml); vals.sort(); if(sortdescending) vals.reverse(); for(var = 0, l = lis.length; < l; i++) lis[i].innerhtml = vals[i]; } window.onload = function() { var desc = false; document.getelementbyid("test").onclick = function() { sortunorderedlist("list", desc); desc = !desc; homecoming false; } } <input type="button" id="test" value="sort list (click 1 time again reverse)"/> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="ccbnoutline"><td valign="top"><table width="100%" border="0" cellspacing="1" cellpadding="3"><tbody> <tr class="ccbnbgtblttl"><td><span class="ccbntblttl">image</span></td><td><span class="ccbntblttl">download</span></td></tr> <tr class="ccbnbgtblodd"><td valign="top" width="10%"><span class="ccbntblodd"><img src="http://media.corporate-ir.net/media_files/irol/25/253200/brand_jello.gif" border="0"></span></td><td valign="top" width="30%"><span class="dl"><a class="ccbnlnk" target="_blank" href="http://media.corporate-ir.net/media_files/irol/25/253200/jell-o.jpg">jell-o.jpg</a><br></span></td></tr> <tr class="ccbnbgtbleven"><td valign="top" width="10%"><span class="ccbntbleven"><img src="http://media.corporate-ir.net/media_files/irol/25/253200/brand_small_caprisun.gif" border="0"></span></td><td valign="top" width="30%"><span class="dl"><a class="ccbnlnk" target="_blank" href="http://library.corporate-ir.net/library/25/253/253200/mediaitems/32965/capri sun.jpg">capri sun.jpg</a><br></span></td> </tr> </tbody> </table> </td> </tr> </tbody>

i'm not correctly able understand question. i've understood want sorting on basis of text written link.

this,

ul = $('tr tr tr');

will not work

write in way:

var lis = $('tr').find(".dl a");

always 1 thing when ever getting error in jsfiddle write word

debugger;

in top of javascript block. press f12 , click run. debugging start. add together watch on elements , you'll able find solution.

javascript jquery