jQuery從同一個類名稱中選擇第一個對象

Question

有一些列表具有相同的類。 我想從列表

顯示的第一個元素

<ul class="datas"> 
    <li class="data-smh1">abc</li> 
    <li class="data-smh1">dd</li> 
    <li class="data-smh1">cc</li> 
    <li class="data-sc33">abc</li> 
    <li class="data-sc33">dd</li> 
    <li class="data-nn61">abc</li> 
    <li class="data-nn61">dd</li> 
</ul> 

結果：

<ul class="datas"> 
    <li class="data-smh1">abc</li> 
    <li class="data-sc33">abc</li> 
    <li class="data-nn61">abc</li> 
</ul> 

我試圖$（ '類[^名= 「數據 - 」]'，但我couldn`找不到任何解決辦法。
任何幫助，謝謝。

Answer 1

嘗試

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

演示：Fiddle

Answer 2

<ul class="datas"> 
    <li class="data-smh1">abc</li> 
    <li class="data-smh1">dd</li> 
    <li class="data-smh1">cc</li> 
    <li class="data-sc33">abc</li> 
    <li class="data-sc33">dd</li> 
    <li class="data-nn61">abc</li> 
    <li class="data-nn61">dd</li> 
</ul> 

JQUERY

$(document).ready(function(){ 
    var seen = {}; 
    $('.datas li').each(function(){ 
    //alert($(this).text()); 
    var txt = $(this).attr('class'); 
    if (seen[txt]) 
     $(this).remove(); 
    else 
     seen[txt] = true; 

    }) 
    }); 

結果

<ul class="datas"> 
    <li class="data-smh1">abc</li> 


    <li class="data-sc33">abc</li> 

    <li class="data-nn61">abc</li> 

</ul> 

JSFILDDEL LINK

Answer 3

你可以試試這個：

$(document).ready(function(){ 
    var curr_class = ''; 
    var ctr = 0;  

    $('.datas li').each(function(){ 
     if (curr_class !== $(this).prop('class')){ 
      curr_class = $(this).prop('class'); 
      ctr = 0; 
     } 
     if (ctr !== 0){ 
      $(this).remove(); 
     } 
     ++ctr; 
    }); 

}); 

jsFiddle