W3.JS HTML सॉर्ट
तत्वों को क्रमबद्ध करें:
w3.sortHTML(selector)
सूचियाँ छाँटें
सूची को वर्णानुक्रम में क्रमबद्ध करने के लिए बटन पर क्लिक करें:
- ओस्लो
- स्टॉकहोम
- हेलसिंकि
- बर्लिन
- रोम
- मैड्रिड
उदाहरण
<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>
तालिकाओं को क्रमबद्ध करें
तालिका को तदनुसार क्रमबद्ध करने के लिए तालिका शीर्षलेखों पर क्लिक करें:
नाम | देश |
---|---|
बर्गलंड का त्वरित कप | स्वीडन |
उत्तर दक्षिण | यूके |
अल्फ्रेड का फीडिंग बॉक्स | जर्मनी |
शाही भोजन | जर्मनी |
एकत्रित खाद्य गोदाम | इटली |
पेरिस विशेषज्ञ | फ्रांस |
द्वीप व्यापार | यूके |
लाफिंग बैचस वाइनसेलर्स | कनाडा |
उदाहरण
<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>