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

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

Это код:

<div id="test"><code>&lt;div&gt;
 &lt;div&gt;
 &lt;h2&gt;&lt;a href="http://www.example-t.it" target="_blank"&gt;third&lt;/a&gt;&lt;/h2&gt;
 &lt;p&gt;Sem lacinia quam venenatis vestibulum.&lt;/p&gt;
 &lt;/div&gt;
&lt;/div&gt;

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

 ....
&lt;/div&gt;</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.