如何使用jQuery更改<span>中的文本？</span>

Question

我有一个非常简单的问题，但这是我之前没有做过的事情。我有以下内容：

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

我想在文章中添加一些文字。

如何使用jQuery执行此操作。我知道如何使用abc的id更改内容，但不知道span中的代码。

感谢，

Answer 1

$('#abc span').text('baa baa black sheep');
$('#abc span').html('baa baa <strong>black sheep</strong>');

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

Answer 2

这将用于更改范围内的Html内容

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

如果要更改范围内的文本，可以使用：

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

Answer 3

$('#abc span').html('A new text for the span.');

Answer 4

试试这个

$("#abc").html('<span class = "xyz"> SAMPLE TEXT</span>');

处理xyz中与该范围相关的所有css

Answer 5

语法：

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

JQuery - Change the text of a span element

Answer 6

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