Jquery-檢查類是否存在於Div內

我一直在嘗試檢查div中是否存在類。但它始終是產生的長度爲0。這裏是我的代碼： - 。Jquery-檢查類是否存在於Div內

<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>

的第2格$（本）.find（「手風琴體」）的長度應爲1，但它仍然顯示0.我的jQuery代碼如下： -

$('.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'); 
       } 
      } 
     });

我需要得到$（本）.find（ '手風琴體'）長度= 1。請提供解決方案。

來源

2013-03-29 VIVEK MISHRA

請註明這'jQuery的version'您使用 – diEcho

你應該，因爲您正在搜索類選擇find類選擇..和自手風琴的身體是父母descensent使用parent()

試試這個

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

，或者您可以使用hasClass()

來源

2013-03-29 05:53:34 bipen

這將是'.accordion-body'（這段時間至關重要 - 它是類選擇器）。

另外.exist()不是一個jQuery方法，但我會假設你已經在某處定義了它。

來源

2013-03-29 05:52:40

嘗試這一個：

你應該找到兄弟姐妹不是孩子，beca使用.accordion-body不是.accordion-heading的子女，而是兄弟姐妹。

$('.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'); 
      } 
     } 
    });

問題是在你的代碼：

.exist()是不檢查任何元素
$(this).find()有效的方法這一發現孩子並不在同一水平

來源

2013-03-29 06:04:07 Jai

你是兄弟在錯誤的上下文中遍歷。也有最新的jQuery和.on方法嘗試

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

Working DEMO

來源

2013-03-29 06:09:55 diEcho

Jquery-檢查類是否存在於Div內

回答

相關問題