Jquery - Vérifiez si la classe Existe à l'intérieur d'une Div

J'ai essayé de vérifier si doit porter sur une classe existe à l'intérieur d'un div. Mais il est toujours la résultante d'une longueur de 0. Voici mon Code :-

<div id="accordion2" class="accordion" >
  <div class="accordion-group">
    <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
        <div class="align-nav arrow-active">OSTOMY PRODUCTS</div></a>
    </div>
    <div id="collapseOne" class="accordion-body in collapse">
        <div class="accordion-inner">
            <ul>
                <li><a href="#">Professional Resources</a></li>
                <li><a href="#">One-piece Pouching</a></li>
            </ul>
        </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
        <div class="align-nav arrow-inactive">LEARNING CENTER</div>
    </a> </div>
    <div id="collapseTwo" class="accordion-body collapse">
        <div class="accordion-inner">
            <ul>
                 <li><a href="#">Videos</a></li>
                 <li><a href="#">Before Your Surgery</a></li>
            </ul>
        </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
      <div class="align-nav">PROFESSIONAL RESOURCES </div>
    </a> </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
           <div class="align-nav">PROFESSIONAL RESOURCES </div>
    </a> </div>
  </div>
</div>

Pour les 2 Premiers div $(this).find('accordéon-corps").la longueur doit être de 1. Mais il reste à 0. Mon Jquery COde est comme Suit :-

$('.accordion-heading').click(function() {
            if($(this).find('accordion-body').exist()) {
                alert('hi');
                if($(this).find('.collapsed').length > 0) {
                    alert('hi');
                    //$(this).find('.accordion-toggle .align-nav').removeClass('arrow-active').addClass('arrow-inactive');  
                }
                else {
                    alert('hi');
                    //$(this).find('.accordion-toggle .align-nav').removeClass('arrow-inactive').addClass('arrow-active');
                }
            }
        });

J'ai besoin d'obtenir le $(this).find('accordéon-corps").longueur = 1;
Veuillez fournir des Solutions.

source d'informationauteur VIVEK MISHRA

  1. 28

    vous devez sélectionner un sélecteur de classe dans find depuis votre êtes à la recherche pour la classe .. et depuis accordéon-corps est parents descensent utilisation parent()

    essayer cette

    $(this).parent().find('.accordion-body').length == 1;

    ou vous pouvez utiliser hasClass()

  2. 1

    Qui serait '.accordion-body' (la période est d'une importance capitale, c'est le sélecteur de classe).

    Aussi .exist() n'est pas une méthode jQuery, mais je vais supposer que vous avez défini quelque part.

  3. 0

    Essayez celui-ci:

    Vous devriez trouver pour les frères et sœurs de ne pas les enfants, parce que .accordion-body n'est pas un enfants de .accordion-heading il est un frère ou une sœur à la place.

        $('.accordion-heading').click(function() {
        if($(this).siblings('.accordion-body').length > 0) {
            alert('hi');
            if($(this).siblings('.collapsed').length > 0) {
                alert('hi');
                //$(this).find('.accordion-toggle .align-nav').removeClass('arrow-active').addClass('arrow-inactive');  
            }
            else {
                alert('hi');
                //$(this).find('.accordion-toggle .align-nav').removeClass('arrow-inactive').addClass('arrow-active');
            }
        }
    });

    Questions ont été dans votre code:

    1. .exist() n'est pas une méthode valable pour vérifier tout élément
    2. $(this).find() ce trouve les enfants de ne pas les frères et sœurs au même niveau
  4. 0

    vous traversez dans le mauvais contexte. Aussi essayer avec la dernière version de jQuery et .on méthode

     $('#accordion2').on('click','.accordion-heading', function() {
        var accordionBodyLength = $(this).parent();
        var $accordBody = $('.accordion-body');
        alert(accordionBodyLength.find($accordBody).length);
  });

    Travail DÉMO