D3將多個孩子添加到同一父母

這是我想什麼來實現：

<div id = "myDiv"> 
    <div id = "child1"></div> 
    <div id = "child2"></div> 
</div>

然而這將，使的child2 child1的孩子：

$("#myDiv").append("div").attr("id", "child1").append("div").attr("id","child2")

有加兩個孩子具有不同屬性的任何方式使用點符號？

編輯：如何還將孩子追加到child1？

來源

2013-06-05 John

$("#myDiv").append("<div id='child1'>").append("<div id='child2'>")

來源

2013-06-05 18:27:08 bugwheels94

你可以clone()#myDiv一個變量，環高達需要的子元素的數量，更改屬性，然後appendTo#myDiv。我知道對，有點複雜。
也許你最好兩次使用append。（在兩個單獨的線，沒有鏈接）

哦，等一下，你可以使用add（這裏有一個小提琴：http://jsfiddle.net/w4qnk/）

$elemts = $() 
    $elemts = $elemts.add($('<div/>', { 'id': 'child1'})) 
    $elemts = $elemts.add($('<div/>', { 'id': 'child2'})) 

    $("#myDiv").append($elemts)

來源

2013-06-05 18:44:11 krishgopinath

而另一

$('#myDiv').append($('<div>', { id: 'child1' })).append($('<div>', { id: 'child2' }))

來源

2013-06-05 18:50:26

不能正常工作。 –

糟糕 - 是的，你是對的。更新以反映。 –

$("#myDiv").append("div").attr("id", "child1").append("div").attr("id","child2");

將「div」文字添加到myDiv，然後更改id attr ibute以前稱爲「myDiv」到「child1」的div然後附加更多文本並再次更改id。

您的報表變化形式：

$("<div>").attr("id", "child3").add($("<div>").attr("id", "child4")).appendTo("#myDiv");

有了這個，jQuery的創建一個正確形成DIV，受讓人和id屬性給它，然後將另一分度和id。請注意，.add()的第二個加法是由於其中的$正確組成的，並且在將id屬性添加到第一個之前添加了id屬性，然後它們都被附加。

注意：您也可以使用上面的圖案或child1爲孩子做些簡單的字符串：

$("<div id='child1A'/><div id='child1B'/>").appendTo("#child1");

值得注意這隻打一次，這是希望的DOM，你可以建立的字符串追加更多 - 仍然只有一次追加DOM。

來源

2013-06-05 19:51:49

D3將多個孩子添加到同一父母

回答

相關問題