Javascript获取元素内的类文本

Question

我的 html 中有一堆 span4 类元素。它们看起来像这样:

    <div class="span4">
        <div class="widget">
            <div class="header">blablabla</div>
        </div>
    </div>

我想按 span4 的那个文本 iside 标题类排序。

我这样做是为了对它们进行排序

$(".span4").sort(sortAlpha)

但是如何选择标题类中的文本？

我正在这样做，但我想有更好的方法

    function sortAlphaAsc(a,b){  
        var nomeA = $(a.childNodes[1].childNodes[1]).text();
        var nomeB = $(b.childNodes[1].childNodes[1]).text();
        return a.innerHTML.toLowerCase() > b.innerHTML.toLowerCase() ? 1 : -1;  
    };

一定有更好的办法

$(a.childNodes[1].childNodes[1]).text()

Answer 1

var elems = $(".span4");

elems.sort(function(a, b) {
    return $(a).find('.header').text().toUpperCase().localeCompare(
         $(b).find('.header').text().toUpperCase()
    );
});

$(".span4").parent().html(elems);​

FIDDLE