2017-10-04 19 views
-2

は私がclassnameまたはidを使用してJavascriptでdivをソートする方法は?

<div class="header"> 
<div class="name">Name</div> 
<div class="status">Status</div> 
<div class="message">This is a testing</div> 
</div> 


<div class="container"> 
<div class="name">dynamic value comes from DB</div> 
<div class="status">dynamic value comes from DB</div> 
<div class="Message">dynamic value from DB</div> 
</div> 

以下のようなのdivのを持っている私は名前やステータスのdivヘッダをクリックすることにより、構造上ソートする必要があるとそれに応じてデータを並べ替える必要があります。

こんにちは。

+0

だから、複数の「コンテナ」divがありますか?現時点では何も並べ替えがありません。 –

+0

「これで助けてよろしいですか?」と喜んでいます。実際には非常に簡単です。 –

+0

ありがとうございます。 jqueryを使用しようとしましたが動作しませんでした。 var elem = $( '#container')。find( 'div')。sort(sortClass); $( '#container')。append(elem ); }); 関数sortClass(a、b){ return a.className

答えて

0

キー値のペアを持つオブジェクトのjson配列を準備できます。例えば。 [{"" name ":" xyz "、" status ":" available "}]ソートして動的HTMLで再バインドします。以下のリンクに従ってくださいSort json