4

jQueryを使用して配列を介してli要素を並べ替えたい

私のリストコードは次のようになります。

<html>
<head>
<script src="list.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>

<div class="list">
   <ul class="xyz">
     <li class="element1">content for 1</li>
     <li class="element2">content for 2</li>
     <li class="element3">content for 3</li>
   </ul>
</div>

</body>
</html>

ここで、配列を介してDOM要素を並べ替えたいと思います。

試しましたが、実行されません。

var array = ['element2', 'element1', 'element3'];

$.each(array,function(index,value){
   $('.xyz').append($(value));
});
4

2 に答える 2

6

見逃した-使用する必要.のあるDOM要素を選択するには-クラスセレクターのドキュメントを参照してくださいclass.

var array = ['element2', 'element1', 'element3'];

$.each(array,function(index,value){
   $('.xyz').append($('.'+value));    // add . here
});​

.または、配列にを追加することもできます

ここでの実例

于 2012-04-11T16:04:17.657 に答える
1

それぞれの内部HTMLをli配列に入れ、要素を空にしてから、最初のステップで作成した配列のソートされたアイテムをにul再入力します。ul

于 2012-04-11T16:04:36.777 に答える