通过jQuery从SVG中的路径获取填充属性

通过jQuery从SVG中的路径获取填充属性,jquery,svg,path,fill,Jquery,Svg,Path,Fill,当我点击SVG时,我想得到这个SVG中所有路径的列表。然后从每一条路径上得到填充。但jquery似乎不知道attribute FILL HTML 您的问题是,jQuery的each()-callback获取对DOM元素的引用,而不是相应的jQuery对象 这对我来说很有用: $('#element1').children('svg').children('path').each(function () { alert( $(this).attr('fill') ); }); $("

当我点击SVG时,我想得到这个SVG中所有路径的列表。然后从每一条路径上得到填充。但jquery似乎不知道attribute FILL

HTML


您的问题是,jQuery的
each()
-callback获取对DOM元素的引用,而不是相应的jQuery对象

这对我来说很有用:

$('#element1').children('svg').children('path').each(function () {
    alert( $(this).attr('fill') );
});

$("#element1").click(function () {
    $('#element1').children('svg').children('path').each(function () {
        alert(this.attr('fill'));
    });
});
$('#element1').children('svg').children('path').each(function () {
    alert( $(this).attr('fill') );
});