如何删除在<tr>

Question

中包含相同数据的行我有一个动态生成数据的表。我想知道如何删除在<tr>元素中包含相同数据的行，并保留前两个元素<tr>。这个问题是非常相似的this

<table id="test"> 
<tr> 
<td>test1<td> 
</tr> 
<tr> 
<td>test2<td> 
</tr> 
<tr> 
<td>test1 a<td> 
</tr> 
<tr> 
<td>test2 b<td> 
</tr> 
</table> 

我想结果是：

<table id="test"> 
<tr> 
<td>test1<td> 
</tr> 
<tr> 
<td>test2<td> 
</tr> 
</table> 

Answer 1

你可以做到这一点通过每个td循环，然后过滤掉与相同的字符串开始其他td在删除它们之前。试试这个：

var $tds = $('#test td'); 
 
$tds.each(function() { 
 
    var text = $(this).text(); 
 
    $tds.not(this).filter(function() { 
 
    return $(this).text().indexOf(text) == 0; 
 
    }).remove(); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table id="test"> 
 
    <tr> 
 
    <td>test1<td> 
 
    </tr> 
 
    <tr> 
 
    <td>test2</td>   
 
    </tr> 
 
    <tr> 
 
    <td>test1 a<td> 
 
    </tr> 
 
    <tr> 
 
    <td>test2 b<td> 
 
    </tr> 
 
</table>