Question

以下是我的代码。

HTML：

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

JavaScript的：

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

当我在'inspect element'中运行此代码时，我可以看到下面的代码作为输出，但浏览器中没有显示任何内容。我想在浏览器中显示“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");
});

working demo

如果您有任何疑问，请与我联系。

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

3 个答案: