JQuery仅按内部的第一个div对li进行排序[重复]答案

【问题标题】：JQuery sorting li by only first div inside [duplicate]JQuery仅按内部的第一个div对li进行排序[重复]
【发布时间】：2020-06-17 18:38:52
【问题描述】：

尝试排序

通过使用 jquery 排序。我想按第一个 div 内容对这个 li 进行排序（在我的示例中，按包含字段的 aaa、bbb、ccc 和 ddd 排序）。提前致谢。这是我的代码。尝试使用 .first() 并更改标签，这一切都没用（希望您的帮助

我的代码：

function newSort(){
    $('#attachedCards ul li').html(
        $('#attachedCards ul li').children('div').sort(function (a, b) {
           return $(a).text().toUpperCase().localeCompare(
                $(b).text().toUpperCase());
        })
    );
}

html-结构：

<div id="attachedCards">
    <ul>
           <li>
                <div>ddd</div>
                <div>
                some useless info2
                </div>

            </li>

            <li>
            <div>ccc</div>
            <div>some useless info1</div>
            </li>
           <li>
           <div>bbb</div>
            <div>some useless info3</div>
           </li>
           <li>
            <div>aaa</div>
            <div>some useless info4</div>
           </li>
       </ul>
  </div>

预期结果：

aaa
一些无用的信息4
bb
一些无用的信息3
cc
一些无用的信息1
ddd
一些无用的信息2

我现在有：

  <ul>
    <li>
    aaa<br/>
    bbb<br/>
    ccc<br/>
    ddd<br/>
    some useless info1<br/>
    some useless info2<br/>
    some useless info3<br/>
    some useless info4<br/>
    </li>
    <li>
    aaa<br/>
    bbb<br/>
    ccc<br/>
    ddd<br/>
    some useless info1<br/>
    some useless info2<br/>
    some useless info3<br/>
    some useless info4<br/>
    </li>
    <li>
    aaa<br/>
    bbb<br/>
    ccc<br/>
    ddd<br/>
    some useless info1<br/>
    some useless info2<br/>
    some useless info3<br/>
    some useless info4<br/>
    </li>
    <li>
    aaa<br/>
    bbb<br/>
    ccc<br/>
    ddd<br/>
    some useless info1<br/>
    some useless info2<br/>
    some useless info3<br/>
    some useless info4<br/>
    </li>
    </ul>

【问题讨论】：

jsfiddle.net/1wocs4rn

标签： javascript jquery html sorting

【解决方案1】：

这是我做的。它就像我想要的那样工作

function newSort(){
$('#attachedCards ul').html(
    $('#attachedCards ul li').sort(function (a, b) {
        return $(a).children('div')[0].textContent.toUpperCase().localeCompare(
            $(b).children('div')[0].textContent.toUpperCase());  

    })
);

感谢大家的回答

【讨论】：