0

好的，我有对象列表 evry 对象 这是包含产品信息和图片的 div（div 是包含所有信息的产品）这是代码 

id="insert-zone" class="ui-droppable ui-sortable">
<div class="item-container cart-item">
<img border="0" src="http://www.myengravedjewelry.com/images/products/medium_101-01-004-02.jpg" alt="">
<div id="Item_Logo" class="item-header><asp:hyperlink style=" imageurl="images/Logo.png" navigateurl="EcomAdminCenter.aspx" runat="server" 0'="" z-index:=""> </div>
<div class="item-body">
<div class="item-footer"></div>
</div>
<div class="item-container cart-item">
<div class="item-container cart-item">
<div class="item-container cart-item">
<div class="item-container cart-item">
<div class="item-container cart-item">
<div class="item-container cart-item">
<div class="item-container cart-item">
</ol>

这所有 div/产品在行和 x 列中排序为 4 问题：当我更改 div/产品的顺序（通过 ui 拖放）并按“保存更改”时，我需要扔掉所有 div/产品并保存它们位置 (x,y) 在此之后我将按 (x,y) 排序母猪我可以说谁在第一位，然后是 2,3,4,5,6,7,8,9.... 和下一个。换句话说，我需要保存“购物车项目”中所有元素的每个位置并将其放入 arr 中，然后按 (x,y) 排序。

经过长时间的研究，我找到了答案

var elements = document.getElementsByClassName("cart-item");

for(i=0;i<elements.length;i++){

console.log("x->",elements[i].offsetLeft,"y-->",elements[i].offsetTop,"ProductId-->",elements[i].textContent.substring(9,14));

}

4

1 回答 1

0

var elements = document.getElementsByClassName("cart-item");

对于（我=0；我

console.log("x->",elements[i].offsetLeft,"y-->",elements[i].offsetTop,"ProductId-->",elements[i].textContent.substring(9,14 ));

于 2013-07-24T11:09:31.383 回答