2013-07-05 64 views
0

代碼在一個特定的範圍,因爲它現在看起來:我希望它出現附加一個跨度頁

<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」

我知道我必須使用append,但我不知道如何確保span只能在發佈後,名稱跨度後。

回答

5

試試這個:

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

哦絕對精彩!謝謝:) 假設我想追加它的所有職位名稱「john cena」 然後是 $(「。name:contains('john cena')」)。after($(' ',{class:'special',text:'name2'})) – user2487967

+0

是的,但是「john cena」會區分大小寫。如果你需要它是case insensistive或選擇超過1文本,我有一個插件給你,只是告訴我。 –

+1

@ Karl-AndréGagnon,+1比我快:) – Sergio

1

入住這裏Fiddle

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