【问题标题】:How to change HTML text only?如何仅更改 HTML 文本?
【发布时间】:2011-07-17 06:34:21
【问题描述】:

如何改变这个?

<p>Please change me</p>

我可以在不使用replaceWith("&lt;p&gt;This is been changed.&lt;/p&gt;") 的情况下更改“请更改我”吗? replaceWith() 正在更改整个 HTML 内容,包括 &lt;p&gt; 标记。

有没有办法只获得“请改变我”?并且不包括&lt;p&gt; 标签...然后将其更改为“已更改”之类的内容。

【问题讨论】:

    标签: jquery html string text


    【解决方案1】:

    为您的&lt;p&gt; 使用id,并使用.text() 方法:

    <p id="needed">Please change me</p>
    $('#needed').text('new text');
    

    【讨论】:

    • +1,其他答案将文本更改应用于所有段落。
    • @Nicolae Albu clone wars 在页面上
    • 如果我错了,请纠正我,但如果 #needed 有子元素,这将无法按预期工作。
    • @Ezequiel,是的,因为您应该将正确的路径传递给要在$('#needed') 中编辑的元素。
    【解决方案2】:

    做吧

    // I'm just changing the text content
    $('p').text('This has been changed.');
    

    甚至

    $('p').html('This has been changed.');
    

    只有在您的内容包含 HTML 标记时才真正使用后者,例如:

    $('p').html('<span>This has been <strong>changed</strong></span>.');
    

    【讨论】:

      【解决方案3】:
      $('p').html('changed')
      

      'nuff说

      【讨论】:

        【解决方案4】:
        $(function(){
            $('p').text('me');
        })
        

        【讨论】:

          【解决方案5】:
          $('p').text('This has been changed')
          

          你可以去查一下jQuery API。

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2019-01-14
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多