Question

我有一个只有3 paths的svg，其中包含以下ID：main，second，third，我正在尝试将其ID发送到我的NodeJS后端脚本。

我的想法是，我在点击时捕获svg element id，然后将post捕获到我的后端，在那里我可以使用它并将其与json文件配对。

我的问题是我没有发送元素的id，而是整个svg的ID

这是我的HTML：

<body ng-app="">
    <button type="button" class="btn btn-success"><a href="second.html">Page 2</a></button>
    <div class="boundaries">
    <!-- SVG -->
    <div ng-include="'map.svg'" id="map"></div>
    </div>

这是我的jQuery脚本：

$( document ).ready(function() {
    $(document).on('click', '#map', function () {
        var map_value = this.id; 
        $.post("/foo", function(map_value){
        console.log( "SVG Element Selected:", map_value );
        });
    });
});

我的SVG路径ID：main，second，third。

我认为问题在于我尝试在点击SVG element's上捕获var map_value = this.id; ID，但我不确定如何捕获它。

Answer 1

如果你试图从事件参数中获取目标元素怎么办？（我没试过这个代码，只是从我的头脑中）

$(document).on('click', '#map', function (e) {
    var map_value = e.target.id;
    // rest of the code
});

发布有关点击的SVG信息

1 个答案: