jQuery按模板<element> </element>创建元素

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'));