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

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>

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

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

Answer 1

试试这个：

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

Answer 2

点击此处Fiddle

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