只用jquery顯示同一類一次

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時，您只需選擇第一個元素NT與33類，只添加：

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

這裏是一個演示：http://jsfiddle.net/BsVFj/

注意使用.filter({selector})到當前設置選擇匹配返回唯一元素（一個或多個）。由於您的元素是沒有父級的兄弟姐妹，因此您必須使用.filter()來縮小然後縮小，.find()只會在後代元素中查找。

有些文檔爲雅：

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