javascript - d3.select 具有多个 id 的元素

标签 javascript d3.js

我认为我的方法不对。

我有有效的代码:

$('.rectangle').mouseenter(function () {
     var rect = d3.select("#"+this.id)
     rect.transition()
         .duration(500)
         .attr("width", 40)
         .attr("height", 400);
       });

然后,我向每个元素添加了第二个 id,但功能却崩溃了。我尝试了多种方法来选择具有多个 id 的元素,因为这似乎是问题所在;他们都不起作用。 This post有一些建议似乎适用于多个类名,但这些方法不适用于多个 id。

我原以为添加第二个 id 是更清晰的代码,但是随后我必须向每个 d3 元素添加第二个 id,以便可以通过唯一属性(单词或元素编号)选择每个元素。

d3 中有没有办法选择具有多个 id 的元素?

最佳答案

简短回答:不。

长答案:一个元素不能有多个 ID —— 根据定义,ID 是元素的唯一标识符(请参阅 this question )。您可以通过分配多个类来实现相同的功能(只需添加类而不是 ID)。

关于javascript - d3.select 具有多个 id 的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31926629/

相关文章:

javascript - D3 : How to remove tick marks at the top and bottom of Y axis

d3.js - NVD3 工具提示仅显示类别

javascript - 将对象数组分配给基于接口(interface)的数组

Javascript:将多维数组转换为ajax中的对象

javascript - Firefox 3.6 中 ajax 调用 PHP 时出现的问题

javascript - d3 : Optionally add child elements based on node content in force layout

javascript - 如何使用 DC.js 使用以下数据类型渲染多折线图 - JAVASCRIPT (DC.js)

javascript - 过渡不起作用 d3

javascript - 有没有办法使用 moment.js 获取给定持续时间的单位和值

Javascript 正则表达式替换多个组