添加一个ID，<circle>标签不工作

Question

我想用一个id属性添加到<circle>标签jQuery的.attr()：

r.circle(x, y, 6).attr({fill: "#ff0000", stroke: "none", id: "cir1"}), 

的问题是，它增加了fill和stroke属性，但不id。我知道，因为我看着Google Chrome DEV，并没有显示id！

Answer 1

这对我来说很好。

证明：开放this test page并打开您的开发者控制台。你会看到"yay 1 circle"输出，这是这段JavaScript代码的结果：

var head = $('circle:eq(1)'); 
head.attr({id:'yay'}); 
console.log(
    head[0].id, 
    $('#yay').length, 
    document.getElementById('yay').tagName 
); 

从这里就可以看出，id属性既a）是DOM元素上设置，和b）工作作为通过jQuery或DOM方法访问元素的方法。

你可以提供一个工作测试用例，也许使用拉斐尔，显示这个失败？

Answer 2

根据文档，你可以不使用attr添加id。在这里看到：

http://raphaeljs.com/reference.html#attr

如果需要id作为一个钩子，也许你可以设置一个title，这是允许的。

---

旁白：

很难从文档说，如果这是允许的，但也许你可以把它放在引号添加id为自定义attr？

"id" : "cir1" 

Answer 3

显然，你不能设置id通过attr。

只需获取节点引用并直接设置即可。

r.circle(...).node.id = 'cir1'; 

Answer 4

在某些情况下，您不需要ID。

您可以使用关键字this。