jQuery创建空的自闭标签

Question

我需要创建一个自动关闭的空HTML标记，例如

<line style="stroke:rgb(0,0,255); stroke-width:2"/>

使用以下代码：

$("<line/>").css({
    stroke: "rgb(0,0,255)",
    "stroke-width": 2
});

但我总是得到

<line style="stroke: rgb(0, 0, 255); stroke-width: 2px;"></line>

对SVG不起作用。

我如何明确提到jQuery来做到这一点？ 谢谢！

更新：

我找到了一个解决方案，但使用纯JS： jquery's append not working with svg element?

Answer 1

问题是SVG是XML而不是HTML，因此jQuery本身不会遵循SVG文档规则。

你可以看看http://keith-wood.name/svg.html似乎有一个SVG的jQuery插件。