通过jquery删除重复的< tr&gt ;. [英] Remove duplicate <tr>'s through jquery

问题描述

我有一张动态绑定的表：

 < 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（）{
 //想要一些帮助听到
}）; 
  

谢谢。

解决方案

尝试 -

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：删除重复的元素？

I have table which is bound dynamically:

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

I want to remove duplicate table rows, producing a result like this.

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

I'm trying to do it through this btnRearrange click.

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

Thanks.

解决方案

Try -

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>

Code is taken (and very slightly changed) from this question - JQuery: Remove duplicate elements?

这篇关于通过jquery删除重复的< tr&gt ;.的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！