Javascript 按H1名称进行纵坐标Div

我想用h1标签按字母顺序排序

这是​​守则：

<div id="test">

<div class="box">
       <div class="internalBox">
            <h1><a href="http://www.example-t.it">third</a></h1>
           <p>Sem lacinia quam venenatis vestibulum.</p>
    </div>
</div>

<div class="box">
       <div class="internalBox">
            <h1><a href="http://www.example-f.it">first</a></h1>
           <p>Sem lacinia quam venenatis vestibulum.</p>
    </div>

   ....
</div>

<script>
    $( ".box h1", "#test" ).sort(function( a, b ) {
        return $( a ).parents('.box').html() > $( b ).parents('.box').html(); 

    }).appendTo( "#test" );
</script>

威尼斯人前庭的Sem lacinia quam

威尼斯人前庭的Sem lacinia quam

....
$（“.box h1”，“#test”）.sort（函数（a，b）{
返回$（a）.parents（'.box'）.html（）>$（b）.parents（'.box'）.html（）；
}).附于（“#测试”）；

这里是一个例子

我该怎么办

谢谢

这似乎有效：

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