Javascript 排序HTML ul

Javascript 排序HTML ul,javascript,jquery,html,css,sorting,Javascript,Jquery,Html,Css,Sorting,所以我的问题是,当我尝试使用下面的JavaScript代码对数字进行排序并将其从div标记中取出时,是否可以在强标记中按数字对列表项进行排序。 (我使用这些js代码按名称排序,当b=…(LI)时,它可以正常工作) HTML: 按数字排序 名称 某物:。。。 某物:。。。 HHJS:456 再次 JavaScript: function sortListNum() {var list, i, switching, b, shouldSwitch, dir,switchcount =

所以我的问题是,当我尝试使用下面的JavaScript代码对数字进行排序并将其从div标记中取出时,是否可以在强标记中按数字对列表项进行排序。 (我使用这些js代码按名称排序,当b=…(LI)时,它可以正常工作) HTML:


按数字排序
  • 名称 某物:。。。 某物:。。。 HHJS:456
  • 再次

JavaScript:

function sortListNum() {var list, i, switching, b, shouldSwitch, dir,switchcount = 0;list = document.getElementById("sort");switching = true;dir = "asc"; while (switching) {switching = false;b = list.getElementsByClassName("sortNum");
for (i = 0; i < (b.length - 1); i++) {
  shouldSwitch = false;
  if (dir == "asc") {
    if (b[i].innerHTML.toLowerCase() > b[i + 1].innerHTML.toLowerCase()) {
      shouldSwitch= true;
      break;
    }
  } else if (dir == "desc") {
    if (b[i].innerHTML.toLowerCase() < b[i + 1].innerHTML.toLowerCase()) {
      shouldSwitch= true;
      break;
    }
  }
}
if (shouldSwitch) {
  b[i].parentNode.insertBefore(b[i + 1], b[i]);
  switching = true;
  switchcount ++;
} else {
  if (switchcount == 0 && dir == "asc") {
    dir = "desc";
    switching = true;
  }
}}}
函数sortListNum(){var list,i,switching,b,shouldSwitch,dir,switchcount=0;list=document.getElementById(“sort”);switching=true;dir=“asc”;while(switching){switching=false;b=list.getElementsByClassName(“sortNum”);
对于(i=0;i<(b.长度-1);i++){
shouldSwitch=false;
如果(目录==“asc”){
如果(b[i].innerHTML.toLowerCase()>b[i+1].innerHTML.toLowerCase()){
shouldSwitch=true;
打破
}
}否则,如果(dir==“desc”){
if(b[i].innerHTML.toLowerCase()
我已经设法从中推断出,您正在询问是否可以从内联元素中提取文本

你可以像选择其他东西一样选择它们,但这更有趣一点

innerHTML
返回HTML,可以是HTML或纯文本,也可以是两者

innerText
返回纯文本

textContent
返回连接到一个字符串中的所有包含的纯文本,当下一个元素位于新行时,仅由换行符分隔

由于元素中的文本多于数字,只需选择
strong
标记并调用
innerText

document.querySelector('#sort .sortNum').innerText

大家好,欢迎来到Stack Overflow,请花点时间浏览了解您在这里的道路(以及赢得您的第一个徽章),阅读如何创建并检查,以增加获得反馈和有用答案的机会。祝您好运!请注意,我们不是一个代码编写服务。请参阅。你试过做任何研究吗?你试过什么?这里的问题应该有一个清晰的问题/问题,显示了研究结果和一个示例。您将问题标记为jQuery,请查看:。我会给你想要排序的每一位添加类,然后排序函数可以很容易地在liI中定位该类。我不需要提取文本,我需要按照强标记中的数字对这些列表项进行排序。
document.querySelector('#sort .sortNum').innerText