使用jQuery在超链接内的文本中添加span标记

Question

如何在超链接内的文本中添加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标签

有什么想法吗？

Answer 1

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

Answer 2

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

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