1

私はここでは初めてで、Javascript と Web プログラミングは初めてです (実際には、Web 用ではなく 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>

私の目標は、すべての DIV を id="product-Album-name" で並べ替えることです。助言がありますか？前もって感謝します。

4

2 に答える 2

1

jsfiddle http://jsfiddle.net/sgeYq/1/でシナリオを再作成しました。jQuery と事前に並べ替えられたアルバム リストを使用し<div id='{alnumname}'>albumname</div>、各<div class='line'>...</div>セクションに 4 つのアルバムでグループ化されたセクションを作成します。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 に答える