javascript - 页面上有多个 SVG

Question

我的页面上有多个 SVG(也可以使用加号或减号图像动态添加它们)。即:

<img src="/svgs/mysvg.svg" id="svg1">
<img src="/svgs/mysvg.svg" id="svg2">
<img src="/svgs/mysvg.svg" id="svg3">

在 mysvg.svg 中，有一个 id 为 #circle 的路径元素。当我在页面上只显示1个svg时，我可以使用以下javascript来更改#circle的颜色:

$('#circle').css('fill', '#000000');

当我在一个页面上有多个 SVG 时，如何选择要更改的 svg？即:

var mysvg1 = $('#svg1');
mysvg1.find('#circle').css('fill', '#000000');

Answer 1

试试这个:

var mysvg1 = $('#svg1');
mysvg1.find('[id="circle"]').css('fill', '#000000');