1

我是新来的，对 Javascript 和 Web 编程很陌生（实际上我知道一点 Java 不是用于 Web 的）。所以这是我有一个字符串数组（更具体的专辑名称）的问题，我实际上根据专辑名称对这个数组进行了排序。现在我已经对这个数组进行了排序，我的下一步是对代表每个专辑的 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 进行排序。有什么建议么？先感谢您。

4

2 回答 2

1

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

于 2012-09-20T16:14:50.150 回答
-1

首先，我看到您的元素 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 都是相同的，如果没有明显差异，如何对其进行排序

于 2012-09-20T15:49:12.607 回答