如何在现有span标记之前或之后添加新的span标记

Question

如何在现有span标记之前或之后添加新的span标记。我知道现有的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);

<强> Demo

Answer 2

以下行在现有标记之前添加一个span标记。 $（ “＃SPAN1”）前置（ “newcontent”）;