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); 
}