jQuery 中的内容文档

Question

我有以下 js 脚本来访问对象内的元素（SVG -

jQuery(document).ready(function($) {

    $(window).load(function () {


        var a = document.getElementById("alphasvg");
        var svgDoc = a.contentDocument; 
        var delta = svgDoc.getElementsByTagName("path");    
        $(delta).click(function() {

            //do stuff

        })

    });
});

我想使用 jQuery 来访问元素和标签。我完全陷入了 contentDocument 部分。我怎样才能将其转换为 jQuery 以便我可以使用 attr 等？

我希望能够访问和修改 jQuery 中的属性，而不必使用我不熟悉的传统 js 方法。

有人可以如何帮助我？

谢谢一百万。

Answer 1

您应该能够像元素一样直接访问路径，不需要 contentDocument 或 getElementsByTagName 等：

jQuery(document).ready(function($) {

    $(window).load(function () {

        $("#alphasvg path").click(function() {

            //do stuff
            // $(this).attr('d') = the path

        })

    });
});

Answer 2

像这样：

$(svgDoc).find("whatever").doWhatever();

此处演示和代码在此。请注意，我使用了

Answer 3

如果您使用对象标签（而不是内联 SVG）将 SVG 嵌入到 HTML 中，那么这与上一个问题重复，可以在此处找到答案：如何使用 Javascript 访问 SVG 元素