Javascript 按SPAN中的数字对div进行排序

我试图根据子跨度中的数字对div进行排序

现在，我正试图根据“points”类范围中的值，用“team”类对DIV进行排序

但当我触发排序时，什么也没发生

//额外的文本绕过代码与文本的比率//Lorem ipsum Door sit amet，Concetetur Adipsicing Elite。请不要坐在我前面。前庭是一座庄严的建筑。整型eu临时知识库。这是一个很好的例子。埃蒂亚姆·拉奥里特·普卢斯。Nam pulvinar ligula dictum，faucibus magna sed，eleifend nunc。佩伦特斯克尼布同侧，矢状体在同侧，在同侧。在sem magna，rutrum id suscipit ut，利奥的苏打水

jQuery.fn.orderBy=函数（keySelector）
{
返回此.sort（函数（a，b）
{
a=按键选择器。应用（a）；
b=键选择器。应用（b）；
如果（a>b）
返回1；
if（a

福
要点
黄瓜
6.
培根
3.
鸡
0
麦片粥
9
酒吧
要点
黄瓜
3.
培根
0
鸡
9
麦片粥
6.
对所有内容进行排序

不要为此使用jquery。现在这个平台已经足够强大了

简要说明：

• 获取所有

  .group\u表

  s并调用

  sortByPoints（）

  函数
• 获取所有

  .team

  s并将节点列表转换为数组

• parseInt（）

  点的内容并按其对数组排序
• 对于现在生成的排序数组中的每个项目，将其附加到当前的

  .group\u表中

最后一步是这样的，因为当您附加一个已经在dom中的项时，它会从其原始位置删除

sort.addEventListener（“单击”，evt=>{
document.querySelectorAll（“.group\u table”）.forEach（item=>{
分拣点（项目）
})
})
函数排序点（元素）{
数组.from（element.queryselectoral（.team））.sort（（a，b）=>{
返回parseInt（a.querySelector（“.points”）.textContent）-parseInt（b.querySelector（“.points”）.textContent）
}).forEach（项目=>{
元素。追加子元素（项）
})
}

福
要点
黄瓜
6.
培根
3.
鸡
0
麦片粥
9
酒吧
要点
黄瓜
3.
培根
0
鸡
9
麦片粥
6.
使用jQuery对所有文件进行排序


jQuery.fn.orderBy=函数（keySelector）{
$（this）.sort（函数（a，b）{
返回parseInt（$（a）.find（keySelector.text（））>parseInt（$（b）.find（keySelector.text（））；
}).appendTo（$（this.parent（））；
};
$（“#排序”）。在（'click'，函数（事件）{
$（“.group_table”）。每个（函数（）{
$（this.find（'.team'）.orderBy（'.points'）；
})
})

福
要点
黄瓜
6.
培根
3.
鸡
0
麦片粥
9
酒吧
要点
黄瓜
3.
培根
0
鸡
9
麦片粥
6.
排序所有
“//额外文本绕过代码与文本的比率//Lorem ipsum dolor sit amet，…”——而不是为实现的规则寻找解决办法，并尝试实现它们…@Andreas我尝试过。但是我没什么可说的了。不过，我发现了打字错误。你有一个