jqueryから純粋なjavascriptへのエリートの削除

Question

jqueryを使用してクラスごとに重複する要素を削除するこのスクリプトは、純粋なjavascriptで行う方法はありますか？これは私のコード

<script >$(document).ready(function() { 
    var seen2 = {}; 
    $('.listofarticlescolor').each(function() { 
     var txt2 = $(this).text(); 
     if (seen2[txt2]) 
      $(this).closest('.category').remove(); 
     else 
      seen2[txt2] = true; 
    }); 

    }); 
</script> 

Answer 1

それは最初にあなたが何をやったかに似た何かをした後、配列内のノードのリストを変換する必要があります動作させるために、このコードを試してみてくださいです。

var classWillRemove = [].slice.call(document.getElementsByClassName('listofarticlescolor')); 
var seen2 = {}; 
for(i=0;i< classWillRemove.length;i++){ 
    var text = classWillRemove[i].innerHTML; 
    if (seen2[text]){ 
     classWillRemove[i].parentNode.removeChild(classWillRemove[i]); 
    } else { 
     seen2[text] = true; 
    } 
} 

デモ：http://jsfiddle.net/6h7rxqr1/