如何在現有范圍標記之前或之后添加新的范圍標記

Question

如何在現有范圍標記之前或之后添加新的范圍標記。 我知道現有的span標簽ID。

<span id="span1">oldtext</span> some para text...

需要如下輸出

<span id="span1">text</span><span id="span2">newcontent</span> some para text...

Answer 1

使用before()或.after() jQuery方法。

$('#span1').after('<span id="span2">newcontent</span>");

或更好的方法，

var $span = $('<span>',
              { 'id' : 'span2' , 
               'text': 'Newcontent'})
$('#span1').after($span);

演示版

Answer 2

下一行在現有標簽之前追加了一個span標簽。 $（“＃span1”）。prepend（“ newcontent”）;