J'ai une liste d'éléments (les X dans les exemples suivants) affichés soit dans une ligne ou dans une colonne d'un tableau HTML.Modification de la structure d'un tableau HTML avec jQuery
En HTML point de vue du code, je soit (affichage horizontal):
<table id="myTable">
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
...
</tr>
</table>
ou (affichage vertical):
<table id="myTable">
<tr>
<td>A</td>
</tr>
<tr>
<td>B</td>
</tr>
<tr>
<td>C</td>
</tr>
...
</table>
Ce code HTML est généré par un composant JSF (appelé <h:selectManyCheckboxes/>
), et donc, je n'ai aucun contrôle sur ce code HTML.
Cependant, je veux afficher ma liste d'éléments dans 2 colonnes. En d'autres termes, le code HTML de ma table sera quelque chose comme ça:
<table id="myTable">
<tr>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
</tr>
...
</table>
Comment puis-je faire en utilisant jQuery?
Merci d'avance pour votre aide.
ps: Si vous avez besoin de savoir, X sont en fait une entrée et une étiquette, à savoir:
<td><input .../><label .../></td>
Sélecteur de puissance, activer! – Will
on peut aussi ': eq' au lieu de ': nth-child'. ' pour': eq ', argument est un index basé sur zéro. 'Nth-child', , argument est un index basé sur un seul. En tant que programmeur, j'aime ': eq' puisque son zéro est basé comme la plupart des langages de programmation et propre. – Palani
@Prestaul comment puis-je l'utiliser pour créer 3 colonnes au lieu de deux?tnx – Spring