使用svg忽略Jquery not selector

时间:2013-06-10 21:29:45

标签: jquery svg jquery-selectors

尝试更改svg组中所有路径的颜色,但给定“static”类的路径除外。我尝试了以下两种方法:

$('.groupClass').children().not('.static').css('fill', '#FF0')

在这种情况下,忽略not选择器。所有图层都会改变颜色。

我也尝试过:

$('.groupClass').children('not(.static)').css('fill', '#FF0')

在这种情况下,换色停止工作。

你可以在这里看到实际的项目,看看svg结构:http://www.thelionscall.com/wp-content/Temp/我试图改变玫瑰绽放的颜色。

感谢您的帮助。

2 个答案:

答案 0 :(得分:7)

选择器前面有:

$('.groupClass').children().filter(':not(.static)').css('fill', '#FF0')

或简单地说:

$('.groupClass').children().not('.static').css('fill', '#FF0')

答案 1 :(得分:2)

稍微缩短一下:

$(".groupClass :not(.static)").css("fill", "#FF0");