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

看看：

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

这正是您正在寻找的;）

Answer 3

有趣。试试这个。

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

Answer 4

试试这个：

var arr = new array();

$('.locid').each(function(){
  if ($.inArray($(this).text(), arr) !== -1){
     $(this).closest('div').remove();
  }
  else{
    arr[] = $(this).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/

在jquery中隐藏重复的div

5 个答案: