jQuery remove duplicated div with class name

Question

So basically my div generates like this: ```

content

..

content

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

Accepted Answer

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.

Solution