Jquery - एक div से दिखाई देने वाले सभी बच्चों जाओ

मैं इस कोडJquery - एक div से दिखाई देने वाले सभी बच्चों जाओ

$('#all').children().each(function() { .... });

साथ सभी बच्चों को प्राप्त कर सकते हैं जाओ लेकिन मैं कैसे आईडी से = "सभी" वर्ग "एक" के साथ दिखाई देने वाले सभी बच्चों मिल सकता है?

<div id="all"> 

    <div>asdd</div> 
    <div class="one">content</div> 
    <div class="one">bla</div> 

    <div> 
     ssss 
     <div class="one" style="display:none">text</div> 
    </div> 

    <div class="one" style="display:none">blub</div> 

</div>

अग्रिम धन्यवाद। पीटर

स्रोत

2010-08-22 Peter

क्या यह काम करेगा?

$('.one:visible', '#all')

स्रोत

2010-08-22 18:06:12 Tahbaza

हाँ, यह काम करेगा – Ben

आप इस तरह :visible फिल्टर का भी उपयोग कर सकते हैं:

$('#all').find('.one:visible').each(function(){ 
    // your code.... 
});

स्रोत

2010-08-22 18:08:01 Sarfraz

इस प्रयास करें, एक उदाहरण के लिए एक .html फ़ाइल के रूप में सहेजना

<html> 
<head> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
    <script> 
     $(document).ready(function(){ 

      $('#all').children().each(function() { 
       if($(this).hasClass('one') && $(this).css('display') != 'none') 
       { 
        alert($(this).html()); 
       } 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <div id="all"> 

     <div>asdd</div> 
     <div class="one">content</div> 
     <div class="one">bla</div> 

     <div> 
      ssss 
      <div class="one" style="display:none">text</div> 
     </div> 

     <div class="one" style="display:none">blub</div> 

    </div> 
</body> 
</html>

स्रोत

2010-08-22 18:09:50

आप निम्नलिखित सरल उपयोग कर सकते हैं jQuery फ़ंक्शन

$('#all .one:visible');

यह आपको कक्षा एक के साथ सभी दृश्य तत्व प्राप्त करेगा। (#all के भीतर संलग्न)

स्रोत

2010-08-22 18:20:17 kapser

Jquery - एक div से दिखाई देने वाले सभी बच्चों जाओ

उत्तर

संबंधित मुद्दे