JS - replaceWith not working

Question

我想用靜態值更新div，但replaceWith似乎不像我想的那樣協作。
這是函數：

updatePeopleNumber: function(peopleNumber) { 
    var numberItem = jQuery("#visitors-container"); 
    numberItem.find("vn").replaceWith(peopleNumber); 
} 

還是那句話：peopleNumber是正確的設置在調用此函數之前的靜態值。這是HTML：

<div id="row-2" class="row"> 
     <div id="visitors-container"> 
      <div id="visitors-number" class="vn"><?php echo getPeopleNumber(); ?></div> 
      <div id="visitors-text">visitors today</div> 
     </div> 
</div> 

的PHP代碼是有安全方面的原因：如果未設置值，那麼PHP進來，但我需要的js代碼與peopleNumber股利，以取代的價值。 ..
如果有人疑惑：沒有，刪除PHP代碼不解決問題......

Answer 1

而你不使用replaceWith方法的返回值，你可以用它代替它的jquery.html二傳手

numberItem.find(".vn").html(peopleNumber); 

另外你錯過了類名numberItem.find(".vn")

Answer 2

點你可以這樣做：

<div id="row-2" class="row"> 
    <div id="visitors-container"> 
     <div id="visitors-number" class="vn"><span><?php echo getPeopleNumber(); ?></span></div> 
     <div id="visitors-text">visitors today</div> 
    </div> 
</div> 

的JavaScript

$('#visitors-number').find("span").text(peopleNumber); 

Answer 3

您在find("vn")在你選擇的錯誤。你忘了班級選擇器.。

updatePeopleNumber: function(peopleNumber) { 
    var numberItem = jQuery("#visitors-container"); 
    numberItem.find(".vn").replaceWith(peopleNumber); 
}