jQuery:不同 parent 之间的事件委托(delegate)

Question

我正在尝试使用类似于 this 的 jQuery 事件委托(delegate) .on 方法向我页面中动态添加的 SVG 元素添加一个类。 JSfiddle。 (也没有按预期工作，先添加圆圈，然后添加边框)

据我所知，它不起作用，因为没有传播涉及不同元素的事件，svg 和 button。

我的真实应用程序有一个与 d3.js 的 SVG 容器相同的 DOM 级别的复选框，我试图通过添加/删除 hidden CSS 来“过滤”SVG 中的元素类到一些动态添加的 SVG 元素，.on checkbox change.

还有其他方法可以实现吗？

Answer 1

是的，添加和删除 CSS 可以像这样通过 d3 完成:

d3.selectAll(".circle").classed("circle-border", true);

工作代码 here