如何实现表格tr最后两个td值相同时对该tr进行显示/隐藏操作
实现方案
原代码仅筛选了内容为-的单元格对应行,未做行内最后两个单元格的内容相等校验,不符合需求,可使用以下代码实现要求:
$("#tabledata tbody tr").each(function() { // 取当前行最后两个td的去首尾空白后的文本 let tdLast = $(this).find('td:last').text().trim(); let tdSecondLast = $(this).find('td:nth-last-child(2)').text().trim(); // 文本相等时对当前行执行显隐切换 if(tdLast === tdSecondLast) { $(this).toggle(); } });
代码说明
- 逐行遍历表格tbody内所有行
- 取每行倒数第一个、倒数第二个td的文本,去除首尾空白字符后做全等比对
- 仅比对通过的行才会执行
toggle()显隐切换操作,完全匹配示例中第3、第4行的筛选要求
内容的提问来源于stack exchange,提问作者Tro Chee Tron
相关产品推荐
相关产品推荐

