jQuery remove duplicated div with class name

Question

So basically my div generates like this:

<div class="test className">content</div>
<div class="test className">content</div>
<div class="test className">content</div>
..
<div class="test className">content</div>

and I'm trying to remove duplicated divs and keep last one only! any quick ideas? thanks!

Answer 1

A quick idea based on your provided markup.

var $div = $('div.test.className:contains(content)');

if ($div.length > 1) {
   $div.not(':last').remove()
}

_{But I would prevent duplication at first place.}

edit: Here is another alternative using filter and slice method:

$('.test.className').filter(function() {
    return this.textContent === 'content';
}).slice(0, -1).remove();

In the above snippet by using -1 as the second argument of the .slice method, the last element in the set is ignored.