Javascript 按类删除后续的重复元素

通过javascript或jquery，我需要删除集合中的重复元素，以便保留一个。它们都是一样的，所以哪一个被移除并不重要，只要还有一个。页面显示如下：

<div class="column-hr"></div>
<div class="column-hr"></div>
<div class="column-dude"></div>
<div class="column-hr"></div>
<div class="column-hr"></div>
<div class="column-dude"></div>
<div class="column-hr"></div>

您可以使用+。非常简单，也是最快的解决方案，因为浏览器的CSS引擎将用于选择元素：

$.column hr+.column-hr.remove； 人力资源 人力资源 伙计 人力资源 人力资源 伙计 hr您可以使用+。非常简单，也是最快的解决方案，因为浏览器的CSS引擎将用于选择元素：

$.column hr+.column-hr.remove； 人力资源 人力资源 伙计 人力资源 人力资源 伙计 hr您可以尝试以下方法：

$( ".column-hr" ).each(function() {
    console.log($(this).html());
    console.log($(this).next().attr('class'));

    if ($(this).next().attr('class') == 'column-hr') {
        $(this).remove();
    }

});

您可以尝试以下方法：

$( ".column-hr" ).each(function() {
    console.log($(this).html());
    console.log($(this).next().attr('class'));

    if ($(this).next().attr('class') == 'column-hr') {
        $(this).remove();
    }

});

---

你知道每次的HTML是什么吗？你可以把它们全部删除，然后再添加一个。你能把你想要的HTML放在后面吗？你知道每次HTML是什么吗？你可以把它们全部删除，然后再添加一个。你可以把你想要的HTML放在后面吗？当然可以。所有jQuery版本都支持+选择器。除了使用同级选择器之外，我的答案的区别在于，第一列hr将是剩下的一列，而我的将保留最后一列+1，以前从未见过兄弟选择器。是的，当然。所有jQuery版本都支持+选择器。除了使用同级选择器之外，我的答案的区别在于，第一列hr将是剩下的一列，而我的将保留最后一列+1，以前从未见过同级选择器。

var classesToRemove = ['column-hr', 'column-dude'];
var $elements;

for (var i = 0, l = classesToRemove.length; i < l; i++) {
  // Find elements
  $elements = $('.' + classesToRemove[i]);

  var elementsLength = $elements.length;

  // If there is more than one element
  if (elementsLength > 1) {
    // get all elements except the first
    $elements = $elements.slice(1, elementsLength);
    // remove them
    $elements.remove();
  }
}

// prevent memory leaks
$elements = null;