Javascript D3向同一父级添加多个子级

如何将多个子元素添加到父元素

这就是我想要实现的目标：

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

有没有办法使用点符号添加两个具有不同属性的子级

编辑：在child1中附加一个子元素怎么样

$myDiv.append.append

$myDiv.append.append

您可以将myDiv克隆到一个变量，循环到所需的子元素数，更改属性，然后附加到myDiv。我知道，对，有点复杂。 也许您最好使用append两次。在两个单独的行中，没有链接 哦，等等，你可以加一把小提琴：

您可以将myDiv克隆到一个变量，循环到所需的子元素数，更改属性，然后附加到myDiv。我知道，对，有点复杂。 也许您最好使用append两次。在两个单独的行中，没有链接 哦，等等，你可以加一把小提琴：

还有一个

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

还有一个

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

将div文本附加到myDiv，然后将以前称为myDiv的div的id属性更改为child1，然后附加更多文本并再次更改id

更改声明的格式：

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

值得注意的是，这只会命中所需的DOM一次，而且您还可以构建字符串以进行更多的追加—仍然只会使用该追加命中DOM一次

将div文本附加到myDiv，然后将以前称为myDiv的div的id属性更改为child1，然后附加更多文本并再次更改id

更改声明的格式：

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

值得注意的是，这只会命中所需的DOM一次，而且您还可以构建字符串以进行更多的追加—仍然只会使用该追加命中DOM一次

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

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