Question

好的母猪我有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 / products ar在行和x列中排序为4 问题：当我改变div /产品的顺序（通过ui拖放）并按“保存更改”时，我需要抛出所有div /产品并保存它们的位置（x，y）之后我将按（x，y）排序播种我可以说谁是第一名和2,3,4,5,6,7,8,9 ....和下一个。换句话说，我需要保存所有元素的所有元素，即“cart-item”并将其放入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));

}

Answer 1

var elements = document.getElementsByClassName（“cart-item”）;

为（I = 0;我

的console.log（ “X-＆gt;” 中，元件[I] .offsetLeft， “Y - ＆gt;” 中，元件[I] .offsetTop， “产品编号 - ＆gt;” 中，元件[ I] .textContent.substring（9,14））;

如何获得div中所有元素的位置

1 个答案: