W3.JS saralash
Elementlarni saralash:
w3.sortHTML(selector)
Ro‘yxatlarni saralash
Ro‘yxatni alifbo tartibida saralash uchun tugmani bosing:
- Oslo
- Stockholm
- Helsinki
- Berlin
- Rome
- Madrid
Misol
<button onclick="w3.sortHTML('#id01', 'li')">Sort</button>
<ul id="id01">
<li>Oslo</li>
<li>Stockholm</li>
<li>Helsinki</li>
<li>Berlin</li>
<li>Rome</li>
<li>Madrid</li>
</ul>
O‘zingiz sinab ko‘ring » CSS bilan »
Jadvallarni saralash
Jadvalni tegishli ustun bo‘yicha saralash uchun jadval sarlavhalarini bosing:
| Nomi | Mamlakat |
|---|---|
| Berglunds snabbkop | Sweden |
| North/South | UK |
| Alfreds Futterkiste | Germany |
| Koniglich Essen | Germany |
| Magazzini Alimentari Riuniti | Italy |
| Paris specialites | France |
| Island Trading | UK |
| Laughing Bacchus Winecellars | Canada |
Misol
<table id="myTable">
<tr>
<th onclick="w3.sortHTML('#myTable','.item', 'td:nth-child(1)')">Name</th>
<th onclick="w3.sortHTML('#myTable','.item', 'td:nth-child(2)')">Country</th>
</tr>
<tr class="item">
<td>Berglunds snabbkop</td>
<td>Sweden</td>
</tr>
<tr class="item">
<td>North/South</td>
<td>UK</td>
</tr>
<tr class="item">
<td>Alfreds Futterkiste</td>
<td>Germany</td>
</tr>
...
</table>
O‘zingiz sinab ko‘ring » CSS bilan »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!