Javascript 对存储在ID'上的数据进行排序；s与List.js一起使用 问题

List.js没有在我的HTML表中正确排序数字。之所以会发生这种情况，是因为我在数字的位置使用内部HTML，如果我只输入数字而不是ID，则排序工作正常

为什么不像你说的那样把数字放在桌子上？

我承认这是最好的解决方案，它提高了性能，并且不使用任何javascript，但是：

• 我需要每天修改几次数据

• 我还打算在其他地方使用和显示数据，而不仅仅是表格

• 因此，修改我所有HTML页面上的数据是一件痛苦的事情，我可以只修改.js和它们，所有HTML都会被更新

---

我想要的是： 使“数字”按钮正确排序每个按钮中的数据：

document.getElementById("mushroom_N").innerHTML = "some_number";

而不是实际的ID名称。（在这种情况下，每个“蘑菇”）

---

条件：

• 一个使用的解决方案，而不是一个不同的插件

• 我没有使用jQuery，理想的解决方案是不使用jQuery

---

如果您愿意，我的代码在代码笔上

谢谢你的关注

var选项={
ValueName:['name'，'number']
};
var userList=新列表（“用户”，选项）；
函数myFunction（）{
document.getElementById（“demo0”）.innerHTML=10；
document.getElementById（“demo1”）.innerHTML=1000；
document.getElementById（“demo2”）.innerHTML=1；
document.getElementById（“demo3”）.innerHTML=100；
}

.list{
字体系列：无衬线；
}
运输署{
填充：10px；
边框：实心1px#eee；
}
输入{
边框：实心1px#ccc；
边界半径：5px；
填充：7px 14px；
边际下限：10px
}
输入：焦点{
大纲：无；
边框颜色：#aaa；
}
.分类{
填充：8px 30px；
边界半径：6px；
边界：无；
显示：内联块；
颜色：#fff；
文字装饰：无；
背景色：#f44336；
高度：30px；
}
.排序：悬停{
文字装饰：无；
背景色：#b71c1c；
}
.排序：焦点{
大纲：无；
}
.排序：之后{
显示：内联块；
宽度：0；
身高：0；
左边框：5px实心透明；
右边框：5px实心透明；
边框底部：5px实心透明；
内容：“；
位置：相对位置；
顶部：-10px；
右：-5px；
}
.sort.asc:之后{
宽度：0；
身高：0；
左边框：5px实心透明；
右边框：5px实心透明；
边框顶部：5px实心#fff；
内容：“；
位置：相对位置；
顶部：4px；
右：-5px；
}
.分类.描述：之后{
宽度：0；
身高：0；
左边框：5px实心透明；
右边框：5px实心透明；
边框底部：5px实心#fff；
内容：“；
位置：相对位置；
顶部：-4px；
右：-5px；
}

A->Z
数字


马里奥



路易吉



桃



蟾蜍

好的，我做到了

您只需要创建一个数组并将元素放入另一个数组中。对于感兴趣的人或与我有相同问题的人

var mush=[
“100”//Mario
“10”//Luigi
“1000”//桃子
“1”//蟾蜍
//值的更改将同时影响所有位置。
];
变量选项={
ValueName:['name'，'Musligs']，
项目：“”
};
var值=[{
名字：“马里奥”，
蘑菇：蘑菇[0]
},
{
姓名：“Luigi”，
蘑菇：蘑菇[1]
},
{
名字：“桃子”，
蘑菇：蘑菇[2]
},
{
名字：“蟾蜍”，
蘑菇：蘑菇[3]
}
];
var userList=新列表（“用户”、选项、值）；
document.getElementById（“Muslium_0”）.innerHTML=mushs[0]；
document.getElementById（“Muslium_1”）.innerHTML=mushs[1]；
document.getElementById（“Muslium_2”）.innerHTML=mushs[2]；
document.getElementById（“Muslium_3”）.innerHTML=mushs[3]
正文{
保证金：0；
填充：20px；
}
输入{
边框：实心1px#ccc；
边界半径：5px；
填充：7px 14px；
边际下限：10px
}
输入：焦点{
大纲：无；
边框颜色：#aaa；
}

按字母排序
交换垂直圆

嘿，我知道马里奥有蘑菇，路易吉也有蘑菇，桃子贪婪，至少有蘑菇，蟾蜍只有他自己。