गणना ली तत्वों कि jQuery

Question

इम निम्नलिखित jQuery स्क्रिप्ट के साथ मेरी ली तत्वों की गिनती के साथ दिखाई दे रहे हैं:

HTML:

<ul class="relatedelements"> 
    <li style="display:none;" class="1">anything</li> 
    <li style="display:none;" class="2">anything</li> 
    <li style="display:none;" class="3">anything</li> 
</ul> 

jQuery:

$(function() { 
     var numrelated=$('.relatedelements > li').length; 
     $('.num-relatedelements').html(numrelated); 
    }); 

- > स्क्रिप्ट रिटर्न:

मैं ली तत्वों में से कुछ की style="display: none" संपत्ति में बदलाव होने पर साथ $(document).ready jQuery, जैसे: $('.2').show();

मैं अब निम्न स्क्रिप्ट के साथ ही दिखाई ली तत्वों गिनती करने के लिए एक तरह से स्क्रिप्ट को बदलना चाहते हैं (मैं बस कहा: दिखाई jQuery डॉक्स) निम्नलिखित:

$(function() { 
     var numrelated=$('.relatedelements > li:visible').length; 
     $('.num-relatedelements').html(numrelated); 
    }); 

-> स्क्रिप्ट रिटर्न: कुछ भी नहीं

क्यों यह काम नहीं करता मैं कोई सुराग नहीं है ओ ut - शायद किसी के पास कोई सुझाव या विचार है? किसी भी मदद की बहुत सराहना की है। धन्यवाद अग्रिम!

Answer 1

काम ठीक मुझे

$(document).ready(function(){ 
    $('.2').show(); 
    var numrelated=$('.relatedelements > li:visible').length; 
    $('.num-relatedelements').html(numrelated); 
});​ 

JsFiddle Lind के लिए: http://jsfiddle.net/xuckF/1/

Answer 2

काम करता है यहाँ ठीक:

http://jsfiddle.net/jtbowden/FrPPr/ (1 दिखाई)

http://jsfiddle.net/jtbowden/FrPPr/1/ (0 दृश्यमान)

अब, वर्ग के नाम के रूप में नंबर का उपयोग कर अवैध है। (W3C Spec, बुलेट 2) कक्षा के नाम एक पत्र से शुरू होना चाहिए। हो सकता है कि उसके साथ कुशलताएं समस्याएं पैदा कर रही हैं?

इसके अलावा, मैं केवल अनुमान लगा सकता हूं कि आपकी समस्या कहीं और है। क्या आप jQuery के नवीनतम संस्करण का उपयोग कर रहे हैं? (हालांकि मेरे परीक्षणों में, यह सभी तरह से 1.3 पर वापस काम करता है, और फिर यह बिल्कुल काम नहीं करता है)

क्या आपने अपने वास्तविक कोड में "दृश्यमान" गलत वर्तनी की थी। (मैं इस से पहले किया है)

Answer 3

ऐसा नहीं है कि तरह काम करता है:

$(function() { 
    var numrelated=$('.relatedelements > li:visible').length; 
    $('.num-relatedelements').html(numrelated); 
}); 

आप उदाहरण there काम कर देख सकते हैं।

Answer 4

आपकी स्क्रिप्ट कुछ भी नहीं लौटाती है क्योंकि सभी डीआईवी छिपाए जाते हैं। जब 1 दिखाया जाता है तो यह 1 लौटाता है। ,, भले ही आप http://jsfiddle.net/vnMrQ/

Answer 5

बस इस पर एक नज़र डालें।शो() तत्व दस्तावेज़ तैयार:

http://jsfiddle.net/bKyt4/

Answer 6

हाँ के रूप में हर कोई पहले ही कहा गया है, यह ठीक काम करता है:

Answer 7

मैं बाहर इस की कोशिश की है और यह यानी मैं एक मिल काम करने के लिए लगता है '1' का नतीजा

$(function() { 
    $('.2').show(); 

    var numrelated=$('.relatedelements > li:visible').length; 
    $('.num-relatedelements').html(numrelated); 
}); 

एनबी: मैं एक विशेषता के मान के लिए संख्या होने नहीं लगता कि वैध मार्कअप

Answer 8

तत्व ग्रहण के रूप में छिपा है, तो उसे या उसके माता-पिता दस्तावेज़ में कोई जगह नहीं की खपत है। सीएसएस दृश्यता को ध्यान में नहीं रखा जाता है।

दृश्य:

<ul class="relatedelements"> 
    <li class="1 hidden">anything</li> 
    <li class="2 hidden">anything</li> 
    <li class="3 hidden">anything</li> 
    <li class="4">anything</li> 
    <li class="5">anything</li> 
    <li class="6">anything</li> 
    <li class="7 hidden">anything</li> 
</ul> 

<div class="num-relatedelements"></div> 

सीएसएस

.hidden { 
    display: none; 
}​ 

जे एस

$(function() { 
    var numrelated= $('.relatedelements > li:not(.hidden)').length; 
    alert(numrelated); 
    $('.num-relatedelements').html(numrelated); 
});​ 

मैं तुम्हारे लिए एक jsfiddle कर दिया है: http://jsfiddle.net/mgrcic/3BzKT/3/

Answer 9

लाइन में एक बस एक div या अवधि या पैरा जहां गिनती प्रदर्शित करना चाहते हैं परिभाषित करते हैं, और दूसरी पंक्ति में उल युक्त ली

$('.notify').html(
$('#ul-notifications li').length);