Vérifiez si tous les articles ont la même classe

J'ai construit une page de FAQ avec la possibilité de masquer et d'afficher le contenu en dessous de chaque question.
J'ai un "Développer toutes les fonctionnalités qui permettent à l'utilisateur d'afficher toutes les questions onclick.
Lorsqu'une question est élargi, il obtient une classe d' "sélectionné".

Je suis en train de changer "afficher Tout" état lorsque toutes les questions (LIs) sont développés.

Comment puis-je vérifier que tous les LI ont la CLASSE "selected" dans le même temps?

Je utiliser CHAQUE méthode pour obtenir le LIs et leur CLASSE.

Merci d'avance

source d'informationauteur John | 2011-09-20

  1. 25

    Vous pouvez probablement compter les éléments de la liste avec selected classe contre tous les éléments de la liste:

    if ($("#questions li.selected").length == $("#questions li").length) {
    //all list items are selected
}

    #questions est l'élément qui contient votre liste et bien sûr, cela peut être différent dans votre code, mais vous devriez obtenir l'idée.

  2. 10
    $("li:not(.selected)").length

    Serait vous donner le nombre de <li>s qui n'ont pas la 'selected' classe. Si ce chiffre était de zéro, vous pouvez exécuter votre logique.

  3. 8

    Sélectionner tous les éléments de la liste, filtrer les éléments appartenant à une certaine classe, puis de déterminer si oui ou non il en reste plus:

    if($("li").not(".className").length > 0 ) {
    //code
}
  4. 3

    Vous pouvez comparer le nombre de li éléments pour le nombre de li éléments avec la classe "selected". Si ces nombres sont les mêmes, alors tous les li éléments qui ont la classe: 

    if($("li").length == $("li.selected").length) {
   //All li elements have class selected
}

    Vous pouvez le faire à tout moment, de ne pas avoir à aller à l'intérieur d'un each boucle.

  5. 2

    Ou, vous pouvez essayer ce avec size()

    if( $("li.success").size() == $("li").size() ){
    //return true
}
  6. 0

    Je ne suis pas sûr de comprendre le problème, mais le vérifier si un objet jQuery dispose d'une classe, vous utilisez .hasClass().

  7. 0

    Quand je understnad vous avez droit, que vous souhaitez définir la classe selected à tous de votre li éléments lorsque vous cliquez sur un ShowAll bouton?

    Vous n'avez pas besoin d'itérer vous-même sur tous les liéléments.

    Simplement les sélectionner et de les appeler addClass:

    $('li').addClass('selected');