Javascript 将表上的行属性平均化以遍历行，将单元格属性平均化以获取第一个单元格的值。这一年是从那里开始的分割和pop，如果需要，可以用其他方法代替（可能是索引？）。祝你好运

如果您不想使用

jQuery

或其他库，这里有一个使用纯JS的替代方案：

---

它利用表上的

rows

属性遍历行，并利用

cells

属性获取第一个单元格的值。这一年是从那里开始的

分割

和

pop

，如果需要，可以用其他方法代替（可能是

索引？）。祝你好运
 我对这一点很感兴趣，我使用香草JavaScript创建了一个解决方案，但您可以使用jQuery将其简化一点，但您并不需要jQuery来实现这一点。这是我的解决办法


（函数（）{
//存储对筛选器的引用
let filter=document.getElementById（'year'）；
//存储对表的引用
let table=document.getElementById（'data-table'）；
//数组来保存行的javascript表示形式
让jRows=[]；
//连接change函数的事件处理程序
filter.addEventListener（'change'，filterRows）；
//初始化函数
函数init（）{
//获取表中所有现有行
让rows=table.querySelectorAll（'tbody>tr'）；
//用于存储所有可用年份
让年份=[]；
//在每行上循环
[…行].forEach（函数（行）{
//获取此行中的列
设cols=row.querySelectorAll（'td'）；
//创建一个对象来表示该行，将年份和时间分解为其
//拥有自己的字段，以便以后更容易排序
变量r={
日期：cols[0]。innerHTML，
年份：parseInt（cols[0].innerHTML.substr（cols[0].innerHTML.lastIndexOf（'/'）+1）），
时间：cols[1]。innerHTML，
sortTime:parseInt（cols[1].innerHTML.replace（'h'，''）.replace（'：'，''），
名称：cols[2]。innerHTML
};
//将此行存储在全局行数组中
推（r）；
//检查此年份是否已添加到唯一年份列表中
if（年份索引of（r.年份）<0）
年推进（r年）
});
//分类年份
年。排序（）；
//为过滤器创建“全部”选项
让all=document.createElement（'option'）；
all.value='all'；
all.innerHTML='all'；
filter.appendChild（全部）；
//每年循环向过滤器添加选项
年份。forEach（函数（年）{
让opt=document.createElement（'option'）；
opt.value=年份；
opt.innerHTML=年份；
附加子对象（opt）；
});
//最初调用filterRows函数对表进行排序
filterRows（）；
}
函数filterRows（）{
//获取当前筛选器
让selectedFilter=filter.options[filter.selectedIndex].value；
//克隆行以操作
var displayRows=Array.from（jRows）；
//如果我们没有显示所有行，请过滤它们
如果（selectedFilter！==“全部”）{
displayRows=displayRows.filter（r=>r.year==selectedFilter）
}
//按年份和时间对行进行排序
sort（函数（x，y）{返回x.year-y.year | | x.sortTime-y.sortTime；}）
//创建新的tbody元素
var tbody=document.createElement（'tbody'）；
//循环每行并构造tr元素
displayRows.forEach（函数（行）{
设r=document.createElement（'tr'）；
设cDate=document.createElement（'td'）；
cDate.innerHTML=row.date；
让cTime=document.createElement（'td'）；
cTime.innerHTML=row.time
让cName=document.createElement（'td'）；
cName.innerHTML=row.name；
r、 儿童（cDate）；
r、 附肢儿童（cTime）；
r、 儿童（cName）；
t附肢儿童（r）；
});
//用新的t车身更换当前的t车身
table.replaceChild（tbody，table.getElementsByTagName（'tbody'）[0]）；
}
//初始化表
init（）；
})();

06/05/2018
16:00
克里斯
24/10/2019
20:00
亚历克斯
11/03/2018
15:00
丹尼
08/04/2019
12:30
乔
22/04/2018
10:30
迈克
我对这一点很感兴趣，我使用香草JavaScript创建了一个解决方案，但您可以使用jQuery将其简化一点，但您并不需要jQuery来实现这一点。这是我的解决办法


（函数（）{
//存储对筛选器的引用
let filter=document.getElementById（'year'）；
//存储对表的引用
let table=document.getElementById（'data-table'）；
//数组来保存行的javascript表示形式
让jRows=[]；
//连接change函数的事件处理程序
filter.addEventListener（'change'，filterRows）；
//初始化函数
函数init（）{
//获取表中所有现有行
让rows=table.querySelectorAll（'tbody>tr'）；
//用于存储所有可用年份
让年份=[]；
//在每行上循环
[…行].forEach（函数（行）{
//获取此行中的列
设cols=row.querySelectorAll（'td'）；
//创建一个对象来表示该行，将年份和时间分解为其
//拥有自己的字段，以便以后更容易排序
变量r={
日期：cols[0]。innerHTML，
年份：parseInt（cols[0].innerHTML.substr（cols[0].innerHTML.lastIndexOf（'/'）+1）），
时间：cols[1]。innerHTML，
sortTime:parseInt（cols[1].innerHTML.replace（'h'，''）.replace（'：'，''），
名称：cols[2]。innerHTML
};
//将此行存储在全局行数组中
推（r）；
//检查此年份是否已添加到唯一年份列表中
if（年份索引of（r.年份）<0）
年推进（r年）
});
//分类年份
年。排序（）