0

我对一些语法有困难。

JS

function sortAlpha(a,b){
       return a.innerHTML > b.innerHTML ? 1 : -1;
};

$('.brick ul li').each(function() {
       $(this).sort(sortAlpha).appendTo('ul');
});

HTML

<div id="studio" class="brick">
<div class="listlist">
<h3 class="title">Studio</h3>
<ul class="list">
    <li class="odd">
        <a href="#">
            <span class="title">Apple</span>
        </a>
    </li>
    <li class="even">
    <span class="title"><a href="#">Cat</span>
            </a>
    </li>
    <li class="odd">
        <span class="title">
                        <a href="#">Bar</span>
        </a>
    </li>
</ul>
</div>
</div>

我想附加$this li到它自己的父级ul而不是所有列表

编辑：只是为了确保我选择了正确的 li 和父母。谢谢

4

3 回答 3

1

您可以使用该closest()方法遍历 DOM 并找到UL父级 -

$(this).sort(sortAlpha).appendTo($(this).closest('ul'));

http://api.jquery.com/closest/

于 2012-10-18T04:50:09.970 回答
0

如果您不确定父元素，请使用此

$(this).sort(sortAlpha).appendTo($(this).parent("ul"));

如果您仍然不确定父级是否会位于 DOM 树的正上方，请使用.closest()

$(this).sort(sortAlpha).appendTo($(this).closest("ul"));

ul但是，如果你唯一地用一个idlike来识别，性能会更好

<ul id="meParent">
   ...
</ul>

然后

$(this).sort(sortAlpha).appendTo("#meParent");
于 2012-10-18T04:46:53.430 回答
0

无论如何，您的嵌套不准确html，嵌套不正确，您可以尝试一下，我已经回答假设第一个li嵌套正确，如下所示

<li class="odd">
    <a href="#">
        <span class="title">Apple</span>
    </a>
</li>

工作示例在这里。

// Sorter
function sorter(){
    var arr=[], len=$('.brick').find('ul.list li').length;    
    $('.brick ul.list li').each(function(i) {
        var el=$(this).find('a span').text();
        arr.push(el);
        if(i==(len-1))
        {
            arr=sortAlpha(arr);
            var ul=$(this).closest('ul.list').empty();
            $.each(arr, function(k, v){
                var cls=(k%2) ? 'even':'odd',
                li=$('<li/>', {'class':cls}),
                a=$('<a/>',{'href':'#'}).append($('<span/>', {'class':'title'}).text(v));
                ul.append(li.append(a));
            });
        }
    });    
}

//Sort helper
function sortAlpha(list){
    var result = [], map = [];
    for (var i=0, length = list.length; i < length; i++) {
        map.push({ index: i, value: list[i].toLowerCase() });
    }
    map.sort(function(a, b) {
        return a.value > b.value ? 1 : -1;
    });
    for (var i=0, length = map.length; i < length; i++) {
        result.push(list[map[i].index]);
    }
    return result;
}
于 2012-10-18T06:03:36.320 回答