javascript - 代码运行成功但在浏览器中未显示输出

Question

下面是我的代码。

HTML:

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

JavaScript:

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

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

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

Answer 1

<text>不是有效的 HTML 标记，您可以使用 <div> , <p> , <span> ...相反:

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