javascript - jQuery通过模板创建元素

Question

我可以使用 jQuery 轻松创建新元素：

var $e = $("<element>");

追加后的结果将是：

<element></element>

但我真的需要：

<element/>

如何达到理想的结果？例如，如何创建：

<path id="p2" d="M0,0"/>

我试过了$("<path/>")，$("<path />")但它不起作用。我相信：

$("#parent").html("<path id='p2'/>");
var $p = $("#p2");
$p.attr({'d': "M0,0"});
...

会起作用，但这对我来说是噩梦

---

更新 1：

甚至$("#parent").html("<group><path id='p2'/></group>");不工作！它产生：

<... id="parent"><group><path id='p2'></path></group></...> 

---

更新 2：

甚至$parent[0].innerHTML = '<group><path id="p1"/></groups>';产生：

<... id="parent"><group><path id='p2'></path></group></...> 

Answer 1

$("#parent").html("<path id='p2'/>");

如果在上述语句中，您希望在 id='parent' 的标记或属性中显示 ` 的值，则必须如下所示：

$("#parent").html(document.getElementById('p2'));