jquery - 从 d3.js 中的 Illustrator 导出的 SVG 中选择重复的 ID

Question

我目前正在尝试使用我在 Illustrator 中使用 d3.js 创建的相当复杂的 SVG。 SVG 是一个楼层平面图，每一层都有自己的层。要显示一层，我只需要显示该层，并隐藏其他层，这非常方便将其全部保存在一个 SVG 中。

我遇到的一个问题是，当我从 Illustrator 导出时，存在一些具有相同名称的元素。例如，我在每个楼层都有一个 Elevator A 元素。不过，当我导出到 SVG 时，它会通过将这些重命名为 id = "elevator_a_1" 和 id = "elevator_a_2" (但不一定按顺序)来消除重复的 id )。我想在 Illustrator 中解决这个问题的一种方法是对每个元素进行唯一命名，但我认为这会让我的组织变得有点困惑。

我的问题是:

1. 是否存在严格的规则，即 SVG 中的 id 不能重复，即使它位于层次结构中？例如。 1st_floor->elevator_a、2nd_floor->elevator_a 永远不会同时可见。
2. 有没有办法通过 id 的开头来选择 d3 中的 id(可能通过正则表达式或 jquery-like )？例如。 d3.select("[id^='elevator_a']")

Answer 1

1. ID 不得重复 - 无论出现在何处，它们都应该是唯一的。

2. D3 的选择器是 CSS selectors 。您可以使用正则表达式 attribute names ，完全使用您问题中的语法。