Javascript 代码已成功运行，但未在浏览器中显示输出

下面是我的代码

HTML:

   <div id="vis">
   </div>

JavaScript:

    $('#vis').find('.set_texts').wrapInner('<div class="new_text">');
    ($('#vis').find('.new_text').text("NEW TEXT VALUE"));

$（'vis'）.find（'set_text'）.wrapInner（''）；
（$（'#vis'）.find（'.new#text'）.text（“new text VALUE”）；

当我在“inspect element”中运行此代码时，我可以看到以下代码作为输出，但浏览器中没有显示任何内容。我想在浏览器中显示“新文本值”，如何显示

   <div id="vis">
             <div class="new_text">NEW TEXT VALUE</div>
   </div>

新文本值

不是有效的HTML标记，您可以使用

，

，

。。。相反：

$('#vis').find('.set_texts').wrapInner('<span class="new_text">');
$('#vis').find('.new_text').text("NEW TEXT VALUE");

$（'vis'）.find（'set_text'）.wrapInner（''）；
$（'#vis'）。查找（'.new#text'）。文本（“新文本值”）；

而不是这个

$('#vis').find('.set_texts').wrapInner('<text class="new_text">');

$（'vis'）.find（'set_text'）.wrapInner（''）；

用这个

$('#vis').find('.set_texts').wrapInner('<span class="new_text">');

$（'vis'）.find（'set_text'）.wrapInner（''）；

首先，您需要更改html

html:

---

如果您有任何问题，请告诉我。

不是有效的元素。没有html元素名称

文本
好的，现在我使用的是using实例，同样的事情发生了。现在怎么办@Awlad Liton发生了同样的事情，兄弟。你能给JSFIDLE链接吗？
<div id="vis">
    <div class="set_texts"></div>
   </div>

$(document).ready(function(){
    $('#vis').find('.set_texts').wrapInner('<div class="new_text">');
    $('#vis').find('.new_text').text("NEW TEXT VALUE");
});