클래스 중복제거 채택완료

<style>
.apple { background-color: lightgreen; }
.banana { background-color: lightyellow; }
</style>

<script src="http://code.jquery.com/jquery.min.js"></script>
<script>
$(function () {
    // 1. 처음 apple 하나만 남기고 모두 삭제
    // $('body :not(.apple:first-child)').remove();

 

    // 2. 각 class 속성 지정기준 처음이 아닌 요소 삭제
    var els = {};
    $('body *').each(function (idx, el) {
        var k = el.className;
        if (els[k] == null) {
            els[k] = [];
        }
        if (els[k].length == 0) {
            els[k].push(el);
        } else {
            el.remove();
        }
    });
});
</script>

<div class="apple">apple 1</div>
<div class="apple">apple 2</div>
<div class="iceBanana banana">iceBanana banana 1</div>
<div class="apple">apple 3</div>
<div class="apple">apple 4</div>
<div class="iceBanana banana">iceBanana banana 2</div>
<div class="iceBanana">iceBanana 1</div>
<div class="banana">banana 1</div>

<div class="apple">apple 1</div>

<div class="apple">apple 1</div>

<div class="iceBanana banana">iceBanana banana 1</div>

<div class="iceBanana">iceBanana 1</div>

<div class="banana">banana 1</div>