javascript - 将跨度附加到页面上的特定跨度

Question

现在出现的代码：

<p class="intro" id="186949"><span class="namepart"><span class="name">john cena</span></span>

我希望它出现的代码：

<p class="intro" id="186949"><span class="namepart"><span class="name">john cena</span><span class="special">name2</span></span>

我想使用 Jquery 将另一个跨度附加到“john cena”的末尾，但仅限于那个特定的帖子，ID 为“186949”

我知道我必须使用追加，但我不知道如何确保跨度仅在该帖子中，并且在名称跨度之后。

Answer 1

尝试这个 ：

$('#186949 .namepart .name').after($('<span/>', {class : 'special', text : 'name2'}))

Answer 2

在这里检查小提琴

var content = '<span class="special">name2</span>';
$(content).insertAfter('#186949 .name');