JS-replaceWith不起作用

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代码将div中的值替换为peopleNumber ...
如果有人想知道：否，删除PHP代码不能解决问题...

Answer 1

尽管您不使用replaceWith方法的返回值，但可以使用jquery.html setter代替它

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