définir la largeur des colonnes à l'aide de jQuery
J'ai de la table html avec format
<div id="divOutputWindow">
<table>
<tbody>
<tr>
<td>/* Set Width 10 Px */</td>
<td>/* Set Width 20 Px */</td>
</tr>
<tr>
/* Same for all tr */
</tr>
</tbody>
</table>
</div>
premier td a une largeur de 10 px prochain td 15 px prochain td 20 px...de même
Ce que j'ai Essayé est
$('#divOutputWindow').find('table').$('tbody > tr > td').css('width', '10px');
OriginalL'auteur Shaggy | 2012-11-21
Vous devez vous connecter pour publier un commentaire.
<td>
intérieure de votre#divOutputWindow
..each();
pour que, dans la boucle, vous pouvez accéder à l'actuelDOM-objet par
$(this)
.$(this).index();
pour le comptage..css('attr','value');
commande pour manipuler votreactuel
<td>
. C'est un setter de l'attribut css. N'oubliez pas de mettre"px"
à la fin.Le Code:
Fait-il?
Edit: j'ai vu que @billyonecan déjà posté quelque chose de similaire, tester les deux exemples, le mien fonctionne (j'ai testé)
OriginalL'auteur Munchies
essayer cette
OriginalL'auteur Ankush Jain
Pourquoi ne pas vous utiliser le CSS3 pseudo classes?
Comme
http://reference.sitepoint.com/css/css3psuedoclasses
Modifier
Jsfiddle
OriginalL'auteur Ron van der Heijden
Je pense que vous vous intéressez à ce qui fonctionne très bien: http://jsbin.com/ojunor/1/edit
OriginalL'auteur Jai
Vous pouvez utiliser:
OriginalL'auteur user1795109
Je pense que c'est ce que vous avez voulu dire. Fondamentalement, la boucle sur votre
<td>
's, et de définir la largeur par rapport à l'index de l'élément, par exemple:En gros, vous avez jusqu'à la fin avec:
.. et ainsi de suite
Voici un violon
OriginalL'auteur billyonecan
Si, idéalement, il est préférable de faire avec css (pseudo-)classes, vous pouvez utiliser ce code:
Voici un travail jsbin
OriginalL'auteur Abhilash