Question

我是新来的Javascript和网络编程的新手（我实际上知道一点Java不是为了网页）。所以这里的问题是我有一个字符串数组（更具体的专辑名称），我实际上根据专辑名称对这个数组进行了排序。现在我将这个数组排序，我的下一步是排序代表每个专辑的DIV，但实际上我不知道如何使用JQuery。以下是我的DIV在页面中的分布情况：

<div id="products" >
   <div class="line">
      <div id="product-Album-name"></div>
      <div id="product-Album-name"></div>
      <div id="product-Album-name"></div>
      <div id="product-Album-name"></div>
   </div>
   <div class="line">
      <div id="product-Album-name"></div>
      <div id="product-Album-name"></div>
      <div id="product-Album-name"></div>
      <div id="product-Album-name"></div>
   </div>
   <div class="line">
      <div id="product-Album-name"></div>
      <div id="product-Album-name"></div>
      <div id="product-Album-name"></div>
      <div id="product-Album-name"></div>
   </div>
   <div class="line">
      <div id="product-Album-name"></div>
      <div id="product-Album-name"></div>
      <div id="product-Album-name"></div>
      <div id="product-Album-name"></div>
   </div>
</div>

我的目标是使用id =“product-Album-name”对所有DIV进行排序。有什么建议？提前谢谢。

Answer 1

我已在jsfiddle http://jsfiddle.net/sgeYq/1/中重新创建了一个方案。它使用jQuery和您预先排序的相册列表，并在每个<div id='{alnumname}'>albumname</div>部分创建按4个相册分组的<div class='line'>...</div>部分。您可以在组中修改订单更改金额中的index % 4。

Answer 2

我首先看到你的元素id不是唯一的..根据HTML标准，id在你的文档中应该是唯一的..为什么你不使用类。

<div class="products" >
   <div class="line">
      <div class="product-Album-name"></div>
      <div class="product-Album-name"></div>
      <div class="product-Album-name"></div>
      <div class="product-Album-name"></div>
   </div>
   <div class="line">
      <div class="product-Album-name"></div>
      <div class="product-Album-name"></div>
      <div class="product-Album-name"></div>
      <div class="product-Album-name"></div>
   </div>
   <div class="line">
      <div class="product-Album-name"></div>
      <div class="product-Album-name"></div>
      <div class="product-Album-name"></div>
      <div class="product-Album-name"></div>
   </div>
   <div class="line">
      <div class="product-Album-name"></div>
      <div class="product-Album-name"></div>
      <div class="product-Album-name"></div>
      <div class="product-Album-name"></div>
   </div>
</div>

同样，如果所有div都相同，如果没有明显的差异，它如何排序

使用已排序的数组对DIV进行排序

2 个答案: