javascript - 排序不在 jquery 中执行

Question

我正在对 div 进行排序，但无法执行排序。我正在使用 jQuery.fn.sortElements。下面是html。

<div id="sortList">
    <div class="list" style="display: block;">
        <a onclick="openInfoWindow("10"); return false;" href="#"></a>
        <div class="imgClass">
            <a onclick="openInfoWindow("10"); return false;" href="#">
            <img class="innerImg" alt="" src="img">
            </a>
        </div>  
        <div class="inner">
            <div class="name">edata</div>   
        </div>
    </div>

    <div class="list" style="display: block;">
        <a onclick="openInfoWindow("10"); return false;" href="#"></a>  
        <div class="imgClass">
            <a onclick="openInfoWindow("10"); return false;" href="#">
            <img class="innerImg" alt="" src="img">
            </a>
        </div>  
        <div class="inner">
            <div class="name">fdata</div>   
        </div>
    </div>

    <div class="list" style="display: block;">
        <a onclick="openInfoWindow("10"); return false;" href="#"></a>  
        <div class="imgClass">
            <a onclick="openInfoWindow("10"); return false;" href="#">
            <img class="innerImg" alt="" src="img">
            </a>
        </div>  
        <div class="inner">
            <div class="name">cdata</div>   
        </div>
    </div>
</div>

下面是 jquery 代码，我已经发出警报以查看结果，但没有任何反应。

$('.sortList').sortElements(function(a, b){
                alert($(a).find(".list").children(".inner").find(".name").text().toLowerCase())                 
                    return $(a).find(".list").children(".inner").find(".name").text().toLowerCase() > $(a).find(".list").children(".inner").find(".name").text().toLowerCase() ? 1 : -1;
                });

非常感谢任何帮助

Answer 1

试试这个:

$('#sortList .list').sortElements(function(a, b){
       return $(a).children(".inner").find(".name").text().toLowerCase() > $(b).children(".inner").find(".name").text().toLowerCase() ? 1 : -1;
});

参见 Fiddle