javascript - 删除具有相同文本值的重复 anchor ？

Question

如何删除具有完全相同文本或内容的 anchor ？

links = []
$('a').each(function() {
    links.append([$(this).text, $(this)]);
});

grouped = _.groupBy(links, function(input){return input[0]});

for (var i=0;i<grouped.size;i++){
  if (grouped[i].size > 1){
   grouped[i][0][1].remove()
  }
}

看起来真的很笨重和困惑，需要下划线。有没有更有效的方法？

Answer 1

我无法删除这个答案，因为它被认为是正确的 - 但是，正如杰西在下面的评论中指出的那样，事实并非如此。因此，我开发了一个正确、更简单的解决方案，它看起来仍然比其他答案更简单:

// A list of all unique HTML strings in links
var strings = [];

$( 'a' ).each( function recordContents(){
  var $candidate = $( this );
  var text       = $candidate.text();

  // If the link's text isn't already in the `strings` array, 
  // it's the first of its kind: add it to the array and move on.
  if( strings.indexOf( text ) === -1 ){
    strings.push( text );
  }
  // If it is, it's a duplicate: remove it.
  else {
    $candidate.remove();
  }
} );

JSbin demo .

<小时/>

原始接受的答案，供后代使用。此代码删除页面上有重复项的所有链接，包括每个链接的第一个实例。

var $a = $( 'a' );

$a.each( function removeDuplicates(){
    var $candidate = $( this );
    var text = $candidate.text();
    $a.filter( function filterForDuplicates(){
        return $( this ).not( $candidate ).text() === text;
    } ).remove();
} );