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');