jQuery没有看到新创建的对象。 如何刷新DOM对象列表？

Question

在我的应用程序中，当用户单击按钮时，浏览器会创建新对象。 例如：

$("#div1 svg").append("<ellipse id='#obj0' class='svgobjects'>");

有用。 它出现在Chrome开发工具中。 然后我想用一些数据设置椭圆的大小。

if (!$(ID).length > 0) {
        console.log("Div doesn't exist");
} else {
        console.log("I found it");
}
$(ID).attr("cx", data["startX"]).attr("cy", data["startY"]).attr("rx", this.rx).attr("ry", this.ry).attr("fill", data["color"]);

所有这些变量都可以。 所有这些都包含正确的数据。 但在控制台出现：“Div不存在”。

问题是：这个div在那里并且具有与“ID”变量（“＃obj0”）相同的id。 但是尽管所有的jquery sais都不存在div。

Answer 1

如果您使用其ID选择ellipse元素，请确保使用有效值正确设置它。

使用CSS（因此也使用jQuery），您可以使用#obj0来选择ID为obj0的元素，但是您没有这样的元素，因为您拥有的元素具有定义为#obj0的ID，这是无效的值。

要解决您的问题，请替换以下内容：

$("#div1 svg").append("<ellipse id='#obj0' class='svgobjects'>");

有了这个：

$("#div1 svg").append("<ellipse id='obj0' class='svgobjects'>");

---

编辑：

在HTML5中，ID #obj0实际上是有效的（请参阅http://www.w3.org/TR/html-markup/global-attributes.html ），但在这种情况下，您必须使用$("#\\#obj0")而不是$("#obj0") 。

Answer 2

如果您使用的是HTML5

id="#obj0" is valid ,

然后你必须选择像$("#\\#obj0")

如果你不使用HTML5你应该obj0而不是'#obj0'