Obtenir l'index d'un élément de liste avec Jquery

J'essaie de trouver le numéro d'index du dernier élément de la liste, mais le jquery je suis en utilisant retourne -1. C'est le JS et le html que j'utilise.

var index = $('#imageThumbnails li:last').index(this);

<div id="imageThumbnails">
   <ul class="gallery_demo_unstyled">
      <li class="active"><img src="test-img.jpg" width="394" height="394" alt=" " /></li>
      <li><img src="test-img2.jpg" width="394" height="394" alt=" " /></li>
      <li><img src="test-img3.jpg" width="394" height="394" alt=" " /></li>
      <li><img src="test-img4.jpg" width="394" height="394" alt=" " /></li>
      <li><img src="test-img5.jpg" width="394" height="394" alt=" " /></li>
      <li><img src="test-img6.jpg" width="394" height="394" alt=" " /></li>
      <li><img src="test-img7.jpg" width="394" height="394" alt=" " /></li>
    </ul>
 </div>

Merci pour votre aide.

InformationsquelleAutor Paul Sheldrake | 2009-10-27
  1. 21

    Vous devez appeler index sur la collection, en passant dans un sous-élément de la collection.

    var items = $('#imageThumbnails li');
var lastItem = $('#imageThumbnails li:last');
var index = items.index(lastItem);

    Si vous êtes à un clic de fonction de gestionnaire, vous pourriez faire quelque chose comme ceci:

    var items = $('#imageThumbnails li').click(function() {
    var index = items.index(this);

    //now that I know where I am, why am I here?
});
    • Merci pour votre aide!
    • comment serait-ce second travail?
    • Le items variable est incluse dans l'intérieur de la fonction de fermeture et sera disponible au moment de la cliquez sur la fonction s'exécute. Depuis que le temps sera à l'avenir l'ensemble de l'expression aura été complété et items aura été défini dans le tableau de valeurs qui ont mené à partir de l'expression.
    • oui je comprends que la partie mais la façon dont vous l'avez voulez-vous stocker les cliqué sur l'indice de la valeur, aussi pouvez-vous cliquez sur une liste de balise?
    • Bien sûr, vous pouvez vous inscrire à un événement de clic sur presque n'importe quel élément du DOM. Les listes à puces sont couramment utilisés pour les menus et barres de navigation, la liste traduit la sémantique de ces constructions bien.
    • droit vous pouvez, mais comme je l'ai dit, la façon dont vous avez mis en place juste stocke l'index cliqué sur et pas la dernière? as-tu voulais faire?
    • sont corrects, le deuxième exemple ne montre pas comment faire pour obtenir l'indice du dernier élément, il montre seulement comment faire pour obtenir l'index de la li qui a été cliqué. C'était qu'un corollaire exemple.
    • est-il possible d'obtenir un JFiddle avec un exemple?

    InformationsquelleAutor joshperry