如何在jQuery中删除每个表TD和TR中的重复数据

Question

我在HTML表中，但是在此表中，我要删除每个<tr>和每个<td>数据中的重复值，请参见下面的源代码

<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以下

<tr>
                                <td>15:37:01</td>
                                <td align="center">10,000</td>
                                <td>0.009</td>
                            </tr>

我已经试过像这样但是没用，请帮助我们

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

                }); 

Answer 1

在这种情况下， <tr>是包含HTML而不是文本的父元素。 为了比较多个<tr>元素的html内容，我建议使用.html()方法而不是.text() 。

Answer 2

你去了:)

 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();

                });