个人中心
gpt4 book ai didi

Jquery 选择 标签内的 SVG 元素
转载 作者：行者123 更新时间：2023-12-01 07:38:18 25 4
gpt4 key购买 nike

我有一个 SVG，其中有一些 LinearGradient 元素，这些元素在单击按钮时发生变化，一切都正常工作 see here 。我的问题是，如果我的示例中的 svg 是外部文件并在 <object> 中调用，如何做同样的事情？标签？

我的 SVG:

<object data="Img/PumpStation/Pump.svg" type="image/svg+xml" id="alphasvg1111"></object>

我的按钮:

<asp:Button ID="Button1" class="test" runat="server" Text="Button" />

我的 jQuery 函数:

jQuery('.test').on('click', function () {
    //$("object").contents().find("path").attr({ "fill": "red" });
    jQuery('object stop').each(function () {
        var color = jQuery(this).css('stop-color');
        if (color === 'rgb(77, 77, 77)') {
            jQuery(this).css('stop-color', '#ff0000');
        }
    });
});

如果我使用:$("object").contents().find("path").attr({ "fill": "red" }); ，单击按钮时我的 SVG 会变成红色。为什么其余功能不起作用？

最佳答案

您需要获取对象元素的内容:

jQuery('.test').on('click', function () {
    $("object").contents().find('stop').each(function () {
        var color = jQuery(this).css('stop-color');
        if (color === 'rgb(77, 77, 77)') {
            jQuery(this).css('stop-color', '#ff0000');
        }
    });
});

关于Jquery 选择 <object> 标签内的 SVG 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59306672/

25 4 0
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com