jquery - jqueryを使用して繰り返される画像を削除するには?

Question

私は次の画像を持っています

<div id="test">
<img class='img1' />
<img class='img2' />
<img class='img3' />
<img class='img4' />
<img class='img1' />
<img class='img2' />
<img class='img3' />
<img class='img4' />
</div>

img1, img2, img3, img4繰り返されるクラスの画像を削除したい。

編集

私の2番目のケースは、img4の最後ではなく、これより前の最初に表示された画像の画像を削除することです

Answer 1

行う：

$('#test').children().each(function(i, v){
    var $this = $(this), classname = $this.attr("class");
    $this.siblings('.' + classname).remove()
});

デモ :: jsFiddle

追加:: 次のような意味ですか:

var classes = [];
$("img").each(function(id, vl) {
    $this = $(this), cls = $this.attr("class");

    if( $.inArray(cls, classes) < 0 ) {
        classes.push(cls);
    }
});
for(var c = 0; c < classes.length; c++ ) {
    if( $("img."+classes[c]).length > 1 ) {
        $("img."+classes[c]+":first").remove();
    }
}

Answer 2

重複を削除するだけです：

var seen = {};
$('img').each(function() {
    var className = $(this).attr('class');
    if (seen[className])
        $(this).remove();
    else
        seen[className] = true;
});

Answer 3

var srcs = new Array();
$(document).ready(function(){
   $(".img1").each(function() {
        if(jQuery.inArray( $(this).attr('src'), srcs ) != -1 ) {
            $(this).remove();
        } else {
            srcs.push($(this).attr('src'));
        }
    });
});