如何使用数据对象中的值指定 d3.js 选择器？

我在 Web 应用程序中使用 d3.js。描述我想要做的事情的最简单方法是查看下面链接的 Fiddle，但基本设置是我有一个包含数据对象的数组。

my_data = [{
    id: "B",
    text: "I want this text in B"
}, {
    id: "C",
    text: "I want this text in C"
}];

我想将 my_data 中的“文本”值添加到适当的<div>在 DOM 中，这些是由 my_data 中相应的“id”指定的。也就是说，DOM 包含一个 id 为“B”的 div，而 my_data 包含一个 id 为“B”的对象，因此我想将“text”属性的值添加到该对象中<div>, 说成<p>元素。

现在问题来了。

在不知道的情况下，如何编写 d3 选择器以使用 my_data 中的“id”属性 my_data 将包含哪些值？ （也就是说，我不想对它们进行硬编码！） 我正在使用动态数据源，并且 my_data 通常会是 改变。我想将“文本”属性添加到适当的<div>使用 d3。 保证 my_data 中的“id”属性将具有<div>具有相同的 id 已经存在于 DOM 中。

最小的例子：http://jsfiddle.net/3Skq3/1/ http://jsfiddle.net/3Skq3/1/

您传递给的选择器d3.select只是字符串。所以你可以使用财产的价值连接它与选择器的其他部分。例如：

d3.select('#' + my_data[0].id)