javascript - 如何通过 javascript 或 jQuery 删除重复的 attr href 但保留第一个

Question

如何通过 Javascript 或 jQuery 删除重复的 attr href 但保留第一个？

下面是默认代码。并且a.class和id不能改变。

<div class="test-class">
  <a href="test-0" class="link">Text0</a> 
  <a href="test-1" class="link">Text1</a> 
  <a href="test-1" class="link">Text1</a> 
  <a href="test-2" class="link">Text2</a>
  <a href="test-2" class="link">Text2</a>
  <a href="test-3" class="link">Text3</a> 
  <a href="test-3" class="link">Text3</a> 
  <a href="test-3" class="link">Text3</a> 
</div>

我需要这个:

<div class="test-class">
  <a href="test-0" class="link">Text0</a> 
  <a href="test-1" class="link">Text1</a> 
  Text1
  <a href="test-2" class="link">Text2</a>
  Text2
  <a href="test-3" class="link">Text3</a> 
  Text3
  Text3
</div>

Answer 1

类似这样的事情大约可以满足您的要求:

let tracker = {}; // track href values

$('a').each(function(anc) {
  var href = $(this).attr('href');
  if (tracker.hasOwnProperty(href)) {
    $(this).replaceWith(`<div>${$(this).text()}</div>`);
  } else {
    tracker[href] = true;
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="test-class">
  <a href="test-0" class="link">Text0</a>
  <a href="test-1" class="link">Text1</a>
  <a href="test-1" class="link">Text1</a>
  <a href="test-2" class="link">Text2</a>
  <a href="test-2" class="link">Text2</a>
  <a href="test-3" class="link">Text3</a>
  <a href="test-3" class="link">Text3</a>
  <a href="test-3" class="link">Text3</a>
</div>