javascript - jQuery 获取 SVG 中指定 ID 的所有元素

Question

我使用this jQuery plugin将 SVG 图像加载到 div 中。我想从包含 ID 属性的 SVG XML 数据中获取所有元素 ID。例如，在我的 SVG 图像中，我有带有 ID 属性的 circle 和 polygon 元素，但有一个没有 ID 属性的 rect 元素。我想从 XML 中获取这两个 ID。

我该怎么做？

我已经在svg函数的onLoad方法中尝试过这个。

$("#image svg").each(function() {
    $("#list").append("<option>" + this.id + "</option>");
});

#image 是 svg 元素的容器，#list 是 select 标记。

Answer 1

假设 SVG 已正确添加到页面，您可以使用 "has attribute selector"选择具有 ID 的所有元素:

$("#imag > svg [id]").each(function() {
    $("#list").append("<option>" + this.id + "</option>");
});