скрыть дубликат DIV в JQuery

Question

У меня есть несколько слоев, которые динамически положить в следующие

<div><p class="locid">2<p></div> 
<div><p class="locid">1<p></div> 
<div><p class="locid">2<p></div> 
<div><p class="locid">3<p></div> 
<div><p class="locid">4<p></div> 

Что мне нужно сделать, чтобы он отображался как скрыть второе вхождение этого слоя следующим

<div><p class="locid">2<p></div> 
<div><p class="locid">1<p></div> 
<div><p class="locid">3<p></div> 
<div><p class="locid">4<p></div> 

Любые идеи?

Благодаря

Джейми

Answer 1

// get a collection of p's matching some value 
$("p.locid").filter(function() { 
    return $(this).text() == '2'; 

// hide the (div) parent of the second match 
}).eq(1).parent().hide(); 

Демо: http://jsfiddle.net/WjgxQ/

Answer 2

Попробуйте это:

var arr = new array(); 

$('.locid').each(function(){ 
    if ($.inArray($(this).text(), arr) !== -1){ 
    $(this).closest('div').remove(); 
    } 
    else{ 
    arr[] = $(this).text(); 
    } 
}); 

Answer 3

Посмотрите:

http://api.jquery.com/jQuery.unique/

Это именно то, что вы ищете;)

Answer 4

Интересно. Попробуй это.

var a = new Array(); 
$('p.locid').each(function(){ 
    text = $(this).text(); 
    if($.inArray(text, a)){ 
     $(this).closest('div').hide(); 
    }else{ 
     a.push(text); 
    } 
}); 

Answer 5

Это работает:

var a = new Array(); 

$('p').each(function(index) { 
    text = $(this).text(); 
    if($.inArray(text, a)!=-1){ 
     $(this).closest('p').hide(); 
    }else{ 
     a.push(text); 
    } 
}); 

http://jsfiddle.net/WjgxQ/59/