Question

我如何在这个JS中只显示一次相同的类？

在下面的示例中，您可以看到3次class="33"，但我只需要显示一次具有相同类别的div ...

JS

function callMeOften()
{
     $.ajax({
        method: 'get',
        url : '1.php',
        dataType : 'text',
        success: function (text) {
            $('#updateMe').html(text)  ;
        }
    });
}
var holdTheInterval = setInterval(callMeOften, 500000);
$(".<? echo $userRank['userID'] ?>").appendTo("#statMSG1");
});

HTML

<div id="33" class="33">Test</div>
<div id="33" class="33">Test</div>
<div id="45" class="45">Test2</div>
<div id="33" class="33">Test</div>

Answer 1

当您将服务器响应添加到DOM时，您只需选择具有33类的第一个元素并仅添加它：

$("#updateMe").html($(text).filter(".33").eq(0));

以下是演示：http://jsfiddle.net/BsVFj/

注意使用.filter({selector})仅返回当前集中与选择器匹配的元素。由于你的元素是没有父元素的兄弟姐妹，你必须使用.filter()来缩小然后缩小，.find()只查看后代元素。

ya的一些文档：

.filter()：http://api.jquery.com/filter
.eq()：http://api.jquery.com/eq

使用jquery只显示一次相同的类

1 个答案: