0

这是问题所在。我正在构建一个 jquery 程序，它可以让我在绘图区域上创建和定位 div。我需要跟踪 div、它们的位置、CSS 属性和其他细节。所以，我正在创建一个对象，其中包含每个 div 的所有这些项目的数组。

这是创建对象的代码片段。

var divData= {items: [
{ID: "21", Block: "Block_01", posX : "450", posY : "540" },
{ID: "43", Block: "Block_02", posX : "250", posY : "440" },
{ID: "46", Block: "Block_03", posX : "50", posY : "54" },
{ID: "54", Block: "Block_04", posX : "140", posY : "210" },
{ID: "55", Block: "Block_05", posX : "900", posY : "820" },
{ID: "79", Block: "Block_06", posX : "380", posY : "520" }
]};

这是我为显示数组内容而编写的代码。

alert ('array length is : ' + divData.items.length);

此语句返回正确的值 6，此外，我可以使用此语句将数据推送到数组中，警报语句现在显示为 7。

divData.items.push({ID: "266", Block: "Block_01", posX : "450", posY : "540" });

问题是当我尝试使用以下代码显示数组的内容时，没有任何反应。

for (var i=0;i<divData.items.length;i++)
{
document.write(divData.items[i] + "<br>");
}

屏幕上的输出是这个 [object Object] 七次。

我究竟做错了什么？

任何帮助都感激不尽。

谢谢

克里斯

4

1 回答 1

2

数组中的“项目”是对象。您不能直接在屏幕上输出对象。您必须指定要访问的对象的哪个属性：

for (var i = 0;i < divData.items.length; i++)
{
  document.write(divData.items[i].ID + "<br/>"); // access the OBJECT's property!
}

您可能想要执行以下操作：

for (var i = 0;i < divData.items.length; i++)
{
  $("#container").append("<div class='positionedDiv' id='" + divData.items[i].ID + "' style='top: " + divData.items[i].posY + "px;left:" + divData.items[i].posX + "px;></div>");
}

一些CSS：

.positionedDiv {
  position: absolute; 
}
于 2012-12-24T21:38:57.370 回答