与按下的按钮具有相同类的目标路径

Question

我正在尝试更改SVG路径的填充颜色，该路径与我单击的按钮具有相同的类：

<button type="button" class="myClass">Click</button>
<svg id="map">
    <path class="myClass"></path>
</svg>

$("button").on("click", function() {
    var cls = $(this).attr("class");
    $("#map" cls).css({ fill: "#ff0000" });
});

Answer 1

cls只是类名，没有格式化程序。您需要添加句点。

$("#map ." + cls).css("fill", "#ff0000");