如何使用类名或 id 在 Javascript 中对 div 进行排序？

Question

I have div's like below

<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>

I need to sort above structure by clicking Name or Status div header and it should sort data accordingly.

Kindly help me with this.

Answer 1

You can prepare a json array of object with key value pair. Eg. [{"name":"xyz", "status":"available"}] Sort it and rebind with dynamic html. Follow below link Sort json