Ординат Div по имени H1

Я хотел бы сортировать в алфавитном порядке ящика, используя тег h1.

Это код:

<div id="test"><code>

<div>
 <div>
 <h2><a href="http://www.example-t.it" target="_blank">third</a></h2>
 <p>Sem lacinia quam venenatis vestibulum.</p>
 </div>
</div>

<div>
 <div>
 <h2><a href="http://www.example-f.it" target="_blank">first</a></h2>
 <p>Sem lacinia quam venenatis vestibulum.</p>
 </div>

 ....
</div>


</code> <p> и вот пример</p> <p> <a href="http://jsfiddle.net/5Fap4/rel=nofollow" rel="nofollow noreferrer" target="_blank">http://jsfiddle.net/5Fap4/</a></p> <p> Как я могу сделать?</p> <p> благодаря</p> </div>
1 ответ

Это похоже на работу:

$(".box").sort(function(a, b) {
 return $(a).find("h1").text() > $(b).find("h1").text() ? 1 : -1; 
}).appendTo( "#test" );

Обновлен JSFiddle

licensed under cc by-sa 3.0 with attribution.