javascript - 使用jquery通过填充颜色选择Svg路径

Question

我不想在我的 svg 中显示所有白色填充路径。

想象一个具有以下结构的 svg:

<svg>
     <path class="pathok"fill="rgb(29,233, 182)"/>
     <path class="pathok" fill="rgb(255, 255, 255)" />
     <path class="pathok" fill="rgb(255, 255, 255)" />
     <path class="pathok" fill="rgb(255, 255, 255)"/> 
</svg>

我已经尝试过这个但不起作用:

<script>
   if ($("path").attr("fill") == ("rgb(255, 255, 255)")) {
        $(this).css("display","none")
   }
</script>

一般来说，我如何通过标签的属性值来选择标签？

Answer 1

您的选择器正在获取所有路径，而不是单个路径。

试试这个:

$(document).ready(function(){
    var $paths = $('path'); // Get all paths
    for (var i=0;i<$paths.length;i++){ // Iterate through each one
        var $path =$($paths[i]); // This gets a single path
        if ($path.attr("fill") == ("rgb(255, 255, 255)")) {
            $path.css("display","none");
        }
    }
});