如何在jQuery中添加新元素？

Question

我：

<li class="active"><a href="/">Start</a></li> 

如何jQuery的做增加新的元素：

<li class="active"><a href="/"><em><span>Start</span></em></a></li> 

我需要添加<em><span> </span></em>

Answer 1

您可以使用.wrapInner()到非梗阻性插入內的新標籤已有 DOM元素

$('.active a').wrapInner('<em><span></span></em>'); 

小提琴：http://jsfiddle.net/az8PA/

Answer 2

試試這個：

$('li.active a').each(function() { 
$(this).wrapInner('<em><span></span></em>'); 
}); 

Working Fiddle

Answer 3

$('li.active a').each(function() { 
    var text = $(this).text(); 
    $(this).html('<em><span>' + text + '</span></em>'); 
}); 

Answer 4

試試這個：

<li class="active"><a href="/" id="sample">Start</a></li> 

    $("#sample").empty(); 
    $("#sample").append('<em><span>Start</span>'); 

現在，你有以下幾點：

<li class="active"><a href="/"><em><span>Start</span></em></a></li> 

Answer 5

的jsfiddle：http://jsfiddle.net/66SRN/

$('li a').wrapInner('<em><span></span></em>');