【问题标题】:How can I change the text inside my <span> with jQuery?如何使用 jQuery 更改 <span> 中的文本?
【发布时间】:2011-08-28 16:29:58
【问题描述】:

我有一个非常简单的问题,但这是我以前从未做过的事情。我有以下内容:

<td id="abc" style="width:15px;"><span></span></td>

我想在 span 中添加一些文本。

我怎样才能用 jQuery 做到这一点。我知道如何使用 abc 的 id 更改内容,但不知道跨度内的代码。

谢谢,

【问题讨论】:

标签: jquery


【解决方案1】:
$('#abc span').text('baa baa black sheep');
$('#abc span').html('baa baa <strong>black sheep</strong>');

text() 如果只是文本内容。 html() 如果它包含 html 内容。

【讨论】:

  • 请注意,&lt;p&gt; 包含在 &lt;span&gt; 中并非对所有文档类型都有效。
【解决方案2】:

这将用于更改跨度内的 Html 内容

 $('#abc span').html('goes inside the span');

如果要更改 span 内的文本,可以使用:

 $('#abc span').text('goes inside the span');

【讨论】:

    【解决方案3】:
    $('#abc span').html('A new text for the span.');
    

    【讨论】:

      【解决方案4】:

      试试这个

      $("#abc").html('&lt;span class = "xyz"&gt; SAMPLE TEXT&lt;/span&gt;');

      在 xyz 中处理与该 span 相关的所有 css

      【讨论】:

        【解决方案5】:

        语法:

        • 返回元素的文本内容:$(selector).text()
        • 设置元素的文本内容为content:$(selector).text(content)
        • 使用回调函数设置元素的文本内容:$(selector).text(function(index, curContent))

        JQuery - Change the text of a span element

        【讨论】:

        • 请不要重新发布其他答案的副本(即使它们是您自己的答案)。此外,这个答案可以通过使用特定的选择器作为示例来改进正确格式化代码(或至少注释掉非代码)。
        【解决方案6】:

        $('#abc span').html("你的新字符串");

        【讨论】:

        • 这只是现有答案的变体
        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-02-07
        • 2015-10-18
        • 1970-01-01
        • 2010-11-24
        相关资源
        最近更新 更多