代碼成功運行，但未在瀏覽器中顯示輸出

Question

下面是我的代碼。

HTML：

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

JavaScript：

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

當我在“檢查元素”中運行此代碼時，我可以看到以下代碼作為輸出，但瀏覽器中未顯示任何內容。 我想在瀏覽器中顯示“ 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");

Answer 2

代替這個

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

用這個

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

Answer 3

首先，您需要更改html。

的HTML：

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

您所選的div（#vis）中沒有.set_texts元素。 因此wrapInner()不會添加任何div。

您在jquery的第二行中也有多余的) 。

試試這個jQuery：

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

工作演示

如果您有任何問題，請告訴我。