jQuery obtenir la hauteur des 3 premiers li tags

Je suis le remplissage d'une liste non ordonnée avec du contenu dynamique et de la liste de la hauteur du sapin le contenu, personne ne sait comment je peux obtenir la hauteur de la première 3 li balises dans la liste non ordonnée?

Le contenu dynamique produit pourrait être quelque chose comme ci-dessous donc, je veux juste être en mesure de calculer la hauteur de la première 3 li balises.

<ul>
<li>23 Feb 2011<br />Synergy Launch new website...<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc gravida lacus a ligula dictum dignissim....</li>
<li>23 Feb 2011<br />Expat children "receive improv...<br />Expat children enjoy a better standard of education whilst living abroad compared to their home country according to the HSBC Offshore Offspring Report,...</li>
<li>25 Feb 2011<br />London Market favours Landlord...<br />The lettings market has swung dramatically in favour of landlords as an average six applicants chase every available property in London. This is a dramatic rise...</li>
<li>23 Feb 2011<br />Synergy Launch new website...<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc gravida lacus a ligula dictum dignissim....</li>
</ul>

Merci pour toute aide
J.

InformationsquelleAutor JBoom | 2011-05-26
  1. 20

    Cela vous donne avec toute leur hauteur... mais vous pouvez facilement les mettre juste le code que vous voulez à l'intérieur de la fonction à exécuter quelque chose sur chaque élément de la liste. 

    var sum = 0;

$('li:lt(3)').each(function() {
   sum += $(this).height();
});

    http://jsfiddle.net/rnpAE/1/

    EDIT: Raccourcie$('li').nextUntil(':eq(2)') à $('li:lt(3)')

    • Merci, c'est exactement ce que je cherchais.
    InformationsquelleAutor John Strickler
  2. 4

    Si vous voulez calculer individuellement utiliser le sélecteur eq

    http://api.jquery.com/eq-selector/

    var liHeight = $('li:eq(0)').outerHeight(); //Obtains height of first li
    • eq() est basé sur zéro, de sorte que le code dans votre réponse obtient la hauteur de la deuxième de l'élément de liste.
    • Bonne prise. Mon erreur. Fixe à modifier.
    InformationsquelleAutor Trevor
  3. 1

    J'ai d'abord mis une var à moins 1 point...

    var liTotalHeight = -24;

    Ensuite, pour chaque élément, j'ai ajouter de la hauteur de la li ..

    liTotalHeight = liTotalHeight + $(this).outerHeight();

    Puis j'ai mis le ul scrollTop ...

    $(this).parent().scrollTop(liTotalHeight);

    Un peu hacky, mais qui fonctionne le mieux pour moi

    InformationsquelleAutor guideX
  4. 0
    $('li').height(); //First
$('li').next().height(); //Second
$('li').next().next().height(); //Third

    Ou de l'utilisation outerHeight si vous souhaitez inclure rembourrage ou la marge.

    InformationsquelleAutor namuol