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编程。