通过jquery删除重复的<tr>

Question

我有一个动态绑定的表:

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

我想删除重复的表行,产生这样的结果.

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

我试图通过这个btnRearrange点击来做到这一点.

 $('#btnRearrange').bind("click", function() {
   // want some help hear
 });

谢谢.

Answer 1

试试 -

var seen = {};
$('table tr').each(function() {
  var txt = $(this).text();
  if (seen[txt])
    $(this).remove();
  else
    seen[txt] = true;
});

<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
      <td>
  </tr>
  <tr>
    <td>test2
      <td>
  </tr>
</table>

从这个问题中获取代码(并且略有改变) - JQuery:删除重复的元素？