Comment puis-je obtenir la hauteur des deux premiers <tr> dans un tableau à l'aide de jQuery?

J'ai besoin d'afficher uniquement les deux premières rangées dans un table, et cliquez sur le div que j'en ai besoin pour animer slideDown et de montrer l'intégralité de la table. Je pourrais viens de mettre en display à none pour toutes les lignes de la table, sauf les deux premiers, mais qui va ruiner l'effet lorsque je veux montrer à tous...donc à la place j'ai pensé que je devrais utiliser overflow:hidden, et de définir une hauteur sur la div en fonction de la hauteur des deux premières lignes de la table.... Aucune idées de comment faire cela?

STRUCTURE:

<div>
  <table>
    <tr>
      <td>data</td>
    </tr>

    <tr>
      <td>data</td>
    </tr>

    <tr>
      <td>data</td>
    </tr>

    <tr>
      <td>data</td>
    </tr>

    <tr>
      <td>data</td>
    </tr>
  </table>
</div>

OriginalL'auteur Bluemagica | 2011-03-03

3

Utilisation de jQuery eq()
```
$('tr').eq(0).height();
$('tr').eq(1).height();
```
Où 0 représente la première td dans la liste

cela ne fonctionne que si il y a exactement 1 td par ligne.
oui exactement comme son code de la montre.
oui, je viens de le souligner pour la clarification.
Que faire si j'ai plusieurs tds par tr?
Vous aurez toujours la hauteur à l'aide du même code, n'a pas d'importance combien de td vous avez à l'intérieur. la td sont des enfants de tr et ils sont à l'horizontale. Donc, la hauteur sera la même.

OriginalL'auteur Hussein

<div id="div-table">
  <table>
    <tr>
      <td>data</td>
    </tr>

    <tr>
      <td>data</td>
    </tr>

    <tr>
      <td>data</td>
    </tr>

    <tr>
      <td>data</td>
    </tr>

    <tr>
      <td>data</td>
    </tr>
  </table>
</div>

Script sera:

alert($('#div-table table tr').eq(0).height());

alert($('#div-table table tr').eq(1).height());

OriginalL'auteur Harsh Baid

Vous devez vous connecter pour publier un commentaire.