не получается отсортировать блоки по значению в h1. При этом структура не должна меняться по классу class="news".
<button>click</button>
<div id="content">
<div class="news">
<div class="alt">
<h1>1</h1>
<p>Текст1</p>
</div>
<div class="alt">
<h1>3</h1>
<p>Текст3</p>
</div>
<div class="alt">
<h1>3</h1>
<p>Текст3</p>
</div>
</div>
<div class="news">
<div class="alt">
<h1>2</h1>
<p>Текст2</p>
</div>
<div class="alt">
<h1>4</h1>
<p>Текст4</p>
</div>
<div class="alt">
<h1>6</h1>
<p>Текст6</p>
</div>
</div>
<div class="news">
<div class="alt">
<h1>5</h1>
<p>Текст5</p>
</div>
</div>
</div>
<script>
$('button').click(function(){
var $grupp = $('.alt');
$grupp.sort(function (a, b) {
var A = parseInt( $(a).find('h1').text() );
var B = parseInt( $(b).find('h1').text() );
if (A && B) {
return A.toUpperCase().localeCompare(B.toUpperCase());
}
return 0;
});
$grupp.detach().appendTo($grupp);
});
</script>