这是我正在开发的库存系统的开始。基本上,它以压缩的形式获取一个包含项目和数量的数组,并将项目输出到项目div中。
运行以下程序不会产生错误:
$('.item_amount').html(collection[itemName].amo);
在选择器后面添加get()方法,如下所示:
$('.item_amount').get(i).html(collection[itemName].amo);
products"$(".item_amount").get(i).html不是函数"。
这就是该行正在改变的内容:
<div class="item">
<img src="" class="item_image"/>
<div class="item_amount"></div>
</div>
导致错误的行位于for循环中,该循环遍历数组中的所有键。然后根据变量"i"中存储的索引,从item_amountdiv中的数组中输出项目数量。for循环还为数组中的每个项创建一个对象,并放入一个集合对象中。
以下完整代码:
<body>
<div class="item">
<img src="" class="item_image"/>
<div class="item_amount"></div>
</div>
<div class="item">
<img src="" class="item_image"/>
<div class="item_amount"></div>
</div>
<div class="item">
<img src="" class="item_image"/>
<div class="item_amount"></div>
</div>
<script type="text/javascript">
var collection = new Object();
function makeItem(itemName, id, amo) {
collection[itemName] = new item(id, amo);
}
function item(id, amo) {
this.id = id;
this.amo = amo;
}
var inventoryCom = "368.9,366.15,384.32"; //compressed inventory
var inventoryArr = inventoryCom.split(',');
for(var i=0; i < inventoryArr.length; i++) {
var itemName = 'item' + (i + 1); //unique name for each item
var itemArr = inventoryArr[i].split('.');
makeItem(itemName, itemArr[0], itemArr[1]);
$('.item_amount').get(i).html(collection[itemName].amo);
}
</script>
</body>
.get(i)
返回DOM元素,该元素没有.html()
方法——这正是js引擎想要告诉您的。
您需要使用.eq(i)
。像
$('.item_amount').eq(i).html(collection[itemName].amo);
或
$('.item_amount:eq(' + i + ')').html(collection[itemName].amo);
这一行可能是的问题
var itemName = 'item' + (i + 1); //
这可能会使数组计数超出上限。检查itemName值。
同时尝试为此添加警报
collection[itemName].amo