首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何去除Jquery中每个表TD和TR中的重复数据

如何去除Jquery中每个表TD和TR中的重复数据
EN

Stack Overflow用户
提问于 2019-06-27 23:42:23
回答 2查看 25关注 0票数 0

我在HTML Table中有,但在这个表中,我想删除每个<tr>和每个<td>数据中的重复值,请参阅我下面的源代码

代码语言:javascript
运行
复制
<table width="100%" id="l2table">
                        <thead><tr>
                            <th>Time </th>
                            <th>Share</th>
                            <th>Price</th>

                        </tr></thead><thead>
                        </thead>
                        <tbody>
                            <tr>
                                <td>15:40:01</td>
                                <td align="center">10,000</td>
                                <td>0.010</td>
                            </tr>
                            <tr>
                                <td>15:39:01</td>
                                <td align="center">10,020</td>
                                <td>0.009</td>
                            </tr>
                            <tr>
                                <td>15:38:01</td>
                                <td align="center">10,000</td>
                                <td>0.009</td>
                            </tr>
                            <tr>
                                <td>15:37:01</td>
                                <td align="center">10,000</td>
                                <td>0.009</td>
                            </tr>
                        </tbody>
                    </table>

我只想删除下面的tr

代码语言:javascript
运行
复制
<tr>
                                <td>15:37:01</td>
                                <td align="center">10,000</td>
                                <td>0.009</td>
                            </tr>

我已经试过了,但是徒劳,请帮帮我们

代码语言:javascript
运行
复制
$("#l2table tr").each(function () {
                    var tdText = $(this).text();
                    $("#l2table tr")
                        .filter(function () { 
                            return tdText == $(this).text(); 
                        })
                        .not(":first")
                        .remove();

                }); 
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-06-28 00:40:34

这是您的go :)

代码语言:javascript
运行
复制
 function toArrayOfValues(text) {
  return text.replace(/ /g, '').split('\n').filter(t => t).filter((t, i) => i != 0).join()
}

$("#l2table tr").each(function () {
                    var tdText = $(this).text();
                    $("#l2table tr")
                        .filter(function () { 
                            return toArrayOfValues(tdText) == toArrayOfValues($(this).text());
                        })
                        .not(":first")
                        .remove();

                });
票数 0
EN

Stack Overflow用户

发布于 2019-06-28 00:20:29

本例中的<tr>是一个包含HTML的父元素,而不是文本。要比较多个<tr>元素的html内容,我建议使用.html()方法而不是.text()

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56794576

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档