Jquery 如何附加一些html标记行？

我想知道最好的方法是附加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（）

函数中的引号之间传递上述代码，但当您要附加大量标记时，这会弄乱您的标记

注意你的建议。 提前感谢。

函数appendCircle（父、类、cx、cy、r）{
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);

变量圆=$（''）；
圆圈.addClass（类）；
prop（{'cx'：cx，'cy'：cy，'r'：r}）；
$（父项）.附加（圆）；
}
var g=$（''）；
g、 addClass（'dot previous'）；
附录圆（g，‘内部’、‘8.921933085501859%’、‘45’、‘8’）；
附录圆（g，‘外部’、‘8.921933085501859%’、‘45’、‘12’）；
$（'body'）。追加（g）；

感谢您的回答，但会出现错误：

未捕获的语法错误：在严格模式之外尚不支持块作用域声明（let、const、function、class）

。我认为这是因为类不是函数中的有效值？我把它改为className，错误消失了。只有在没有所有参数的情况下，圆才会添加到实体中。知道为什么吗？你能给答案加上一个有效的例子吗？先谢谢你。