Javascript 如何在jquery中选择ul的li元素?

Javascript 如何在jquery中选择ul的li元素?,javascript,jquery,html,Javascript,Jquery,Html,我有一份无序的清单: <li class="t-header" id = "BackLogList"> <ul> <li class="t-header-description">Description</li> <li class="t-header-project-name">Project Name</li> <li clas

我有一份无序的清单:

<li class="t-header" id = "BackLogList">
        <ul>
            <li class="t-header-description">Description</li>
            <li class="t-header-project-name">Project Name</li>
            <li class="t-header-Type">Type</li>
            <li class="t-header-priority">Priority</li>
            <li class="t-header-status">Status</li>
        </ul>
    </li>
    • 说明
    • 项目名称
    • 类型
    • 优先级 状态
  • 我需要选择所有li元素的html文本,并使用jquery对它们进行排序

    我该怎么做


    谢谢

    希望这篇文章能帮到你


    很乐意帮助你:)

    希望这篇文章能帮到你


    很乐意帮助你:)

    如果这是你的全部列表,我会将标记更改为:

    <ul id="BacklogList"> 
      <li class="t-header-description">Description</li> 
      <li class="t-header-project-name">Project Name</li> 
      <li class="t-header-Type">Type</li> 
      <li class="t-header-priority">Priority</li> 
      <li class="t-header-status">Status</li> 
    </ul> 
    
    • 说明
    • 项目名称
    • 类型 优先级
    • 状态

    如果这是您的全部列表,我会将标记更改为:

    <ul id="BacklogList"> 
      <li class="t-header-description">Description</li> 
      <li class="t-header-project-name">Project Name</li> 
      <li class="t-header-Type">Type</li> 
      <li class="t-header-priority">Priority</li> 
      <li class="t-header-status">Status</li> 
    </ul> 
    
    • 说明
    • 项目名称
    • 类型 优先级
    • 状态

    u可以得到这样的li数组

    $('ul').children('li')
    
    $('ul').children('li').each(function(){
        alert($(this).text())
    })
    
    你可以看到他们的文字是这样的

    $('ul').children('li')
    
    $('ul').children('li').each(function(){
        alert($(this).text())
    })
    

    关于排序,您希望如何对它们进行排序?

    您可以得到这样的li数组

    $('ul').children('li')
    
    $('ul').children('li').each(function(){
        alert($(this).text())
    })
    
    你可以看到他们的文字是这样的

    $('ul').children('li')
    
    $('ul').children('li').each(function(){
        alert($(this).text())
    })
    

    关于排序,您希望如何对它们进行排序?

    您正在寻找类似的东西吗

    $( '.t-header li' ).each( function() {
        //Search algorithm where $( this ) is the current li that is handled
    } );
    

    你在找这样的东西吗

    $( '.t-header li' ).each( function() {
        //Search algorithm where $( this ) is the current li that is handled
    } );
    

    选择每个的html并将其放入数组中:

    var liArray = [];
    
    $(".t-header li").each(function(){
        liArray.push($(this).html());
    });
    
    //sort them (alphabetically):
    liArray.sort();
    

    在这里摆弄:

    选择每个的html并将它们放入数组:

    var liArray = [];
    
    $(".t-header li").each(function(){
        liArray.push($(this).html());
    });
    
    //sort them (alphabetically):
    liArray.sort();
    

    在这里拨弄:

    您可以尝试以下简单代码:

    $('#BackLogList li').sort(function(a,b){return a.innerHTML > b.innerHTML ? 1 : -1;}).appendTo('#BackLogList ul');
    

    您可以尝试以下简单代码:

    $('#BackLogList li').sort(function(a,b){return a.innerHTML > b.innerHTML ? 1 : -1;}).appendTo('#BackLogList ul');
    
    例如:

    var items = $("ul li").map(function(){return $(this).text();}).get().sort();
    
    例如:

    var items = $("ul li").map(function(){return $(this).text();}).get().sort();
    
    var ul=$('#BackLogList');
    var lis=ul.children('li').get();
    lis.sort(功能(a、b){
    var v1=$(a.text(),v2=$(b.text();
    如果(v1==v2)
    返回0;
    返回v1
    var ul=$(“#BackLogList”);
    var lis=ul.children('li').get();
    lis.sort(功能(a、b){
    var v1=$(a.text(),v2=$(b.text();
    如果(v1==v2)
    返回0;
    返回v1
    以数组形式获取文本,以便根据需要对其进行排序

    lis = $('#BackLogList li');
    text = $.map(lis, function(value, index) {
        return $(value).text();
    });
    //"text" is now an array of texts
    

    以数组形式获取文本,以使其按您的意愿进行排序

    lis = $('#BackLogList li');
    text = $.map(lis, function(value, index) {
        return $(value).text();
    });
    //"text" is now an array of texts
    

    你在这方面没有表现出任何努力。澄清一下,你想要的是选择器,还是选择器和排序功能?我已经试过了。你能给我拿些内部的HTMLs吗?稍后会进行分类。谢谢你的回复。你在这方面没有表现出任何努力。澄清一下,你想要的是选择器,还是选择器和排序功能?我已经试过了。你能给我拿些内部的HTMLs吗?稍后会进行分类。谢谢你的回复。OP希望用jQuery编程。OP希望用jQuery编程。