如何附加一些html標記行？

Question

我想知道最好的方法是追加3/4行代碼的標記。所以它是有組織的，易於編輯。

想這個標記添加到我的HTML頁面：

<g class="dot previous"> 
<circle class="inner" cx="8.921933085501859%" cy="45" r="8"/> 
<circle class="outer" cx="8.921933085501859%" cy="45" r="12"/> 
</g> 

的方法之一是過去在上面的append()功能引號之間的代碼，但是這搞砸了你的標記時要附加很多這些的加價。

注意您的建議。 在此先感謝。

Answer 1

function appendCircle(parent, classes, cx, cy, r) { 
    var circle = $('<circle></circle>'); 
    circle.addClass(classes); 
    circle.prop({ 'cx': cx, 'cy': cy, 'r': r }); 
    $(parent).append(circle); 
} 

var g = $('<div></div>'); 
g.addClass('dot previous'); 

appendCircle(g, 'inner', '8.921933085501859%', '45', '8'); 
appendCircle(g, 'outer', '8.921933085501859%', '45', '12'); 

$('body').append(g);