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

时间:2015-05-02 11:13:34

标签: javascript jquery javascript-events

如何在现有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...

2 个答案:

答案 0 :(得分:1)

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

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

或更好的方法,

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

<强> Demo

答案 1 :(得分:-2)

以下行在现有标记之前添加一个span标记。 $( “#SPAN1”)前置( “newcontent”);