如何动态地为每个蓝色圆圈添加id？

Question

可以在jsFiddle找到一个示例 在创建创建过程中将id添加到这些svg对象。

r.circle(xEnd, yEnd,8).attr({
               "fill": "blue",
               "stroke": "#000",
               "stroke-width": "3"
            }).click(function(){
               //alert("i am clicked");
    active = this,
    this.attr({fill : "blue"})
    this.animate({"stroke-width": "5",'r':'5'},1000,"elastic");
   //$('#example').popover();
  }).hover(function(){
      //alert("i am hoved");
    this.attr({fill : "green"})
    this.animate({"stroke-width": "5",'r':'20'},1000,"elastic");
  });

Answer 1

您可以像这样添加id attr

this.attr({'id' : "your-id"})