使用 jQuery 向超链接内的文本添加跨度标记答案

【问题标题】：Add a span tag to text inside a hyperlink, using jQuery使用 jQuery 向超链接内的文本添加跨度标记
【发布时间】：2010-11-04 18:44:33
【问题描述】：

如何在超链接内的文本中添加 span 标签？

现在，我正在将现有文本更改为其他内容，使用以下内容：

$(document).ready(function() {
$("a:contains('text')").text('new-text')
});

我需要链接在解析时看起来像这样：

<a href="/xxx.aspx">new-text<span class="someclass">some other text</span></a>

所以我需要在

中添加那个 span 标签

有什么想法吗？

【问题讨论】：

标签： jquery

【解决方案1】：

$("a:contains('text')")
    .text('new-text')
    .append($('<span></span>')
        .addClass('someclass')
        .text('some other text')
    )
;

【讨论】：

【解决方案2】：

您可以使用html() 方法添加标记：

$(document).ready(function() {
    $("a:contains('text')").html('new-text<span class="someclass">some other text</span>')
});

【讨论】：