jquery - एकाधिक उल में से प्रत्येक में वापसी करें और वापसी मूल्य

jQuery का उपयोग करके, मैं प्रत्येक नेस्टेड ul.item के माध्यम से कैसे जाता हूं, LI की संख्या गिनता हूं, और उस पृष्ठ पर माता-पिता span.someClass में उस आकार/लंबाई को वापस कर देता हूं ?jquery - एकाधिक उल में से प्रत्येक में वापसी करें और वापसी मूल्य

<ul> 
    <li><span class="someClass">3</span> 
    <ul class="item" style="display:none"> 
     <li>count me</li> 
     <li>count me</li> 
     <li>count me</li> 
    </ul> 
    </li> 
    <li><span class="someClass">1</span> 
    <ul class="item" style="display:none"> 
     <li>count me</li> 
    </ul> 
    </li> 
    <li><span class="someClass">2</span> 
    <ul class="item" style="display:none"> 
     <li>count me</li> 
     <li>count me</li> 
    </ul> 
    </li> 
</ul>

स्रोत

2012-11-21 dissident

हमें दिखाएं कौन-सा कोड अब तक की कोशिश की है। –

<html> 
<head> 
    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      var count = 0; 
      $('ul').each(function(){ 
       if(count != 0){ 

        var len = $(this).find('li').length; 

        $(this).parent().find('.someClass').html(len); 
       } 
       count++; 

      }) 
     }); 

    </script> 
</head> 
<body> 
<ul> 
    <li><span class="someClass"></span> 
    <ul class="item" style="display:none"> 
     <li>count me</li> 
     <li>count me</li> 
     <li>count me</li> 
    </ul> 
    </li> 
    <li><span class="someClass"></span> 
    <ul class="item" style="display:none"> 
     <li>count me</li> 
    </ul> 
    </li> 
    <li><span class="someClass"></span> 
    <ul class="item" style="display:none"> 
     <li>count me</li> 
     <li>count me</li> 
    </ul> 
    </li> 
</ul> 
</body> 
</html>

स्रोत

2012-11-21 17:05:01

इस प्रयास करें,

Live Demo

$('.someClass').each(function(){  
    $(this).text($(this).next('ul').find('li').length); 
})

स्रोत

2012-11-21 16:51:50 Adil

एलआईएस स्पैन के अंदर यूएल के अंदर नहीं हैं। '$ (this) .next ('उल')। लगता है ('ली')। Length' –

$("ul.item").each(function() { 
    // reusabilty 
    var context = $(this); 
    // count and populate 
    context.prev(".someClass").text(context.children().length); 
});

prev() कॉल में न आना .someClass इन span तत्वों हमेशा तुरंत से पहले अपने ul तत्व हैं यदि। उस स्थिति में prev में फ़िल्टरिंग आवश्यक और अनिवार्य नहीं है।

$('.someClass').text(function(){ 
    return $(this).next().find('li').length 
})

http://jsfiddle.net/EEsRR/

स्रोत

2012-11-21 16:54:05

आप text विधि का उपयोग कर सकते हैं?

स्रोत

2012-11-21 16:54:50 undefined

आह .. तुम मुझे यह करने के लिए हरा –

$("ul.item").each(function() { 
    var _c = $(this); 
    _c.siblings("span.someClass").html(_c.children("li").length); 
});

स्रोत

2012-11-21 16:58:32 tgormtx

लूप jQuery के साथ हर <li> गर्त:

$(document).ready(function(){ 

    var howMany; 
    // loop through every span.someClass 
    $('.someClass').each(function(){ 
    // loop through every <li> within that span.someClass 
    $('li').each(function(){ 
     // .index() is the current index of the $(this) object, it starts at 0, therefore .index()+1 
     howMany = $(this).index()+1; 
    }); 
    // Write your counted <li> in your <span> with .text(), manipulate the text within the <span> tags 
    $(this).text(howMany); 
    }); 
});

यह काम किया

स्रोत

2012-11-21 17:04:11 Munchies

नाह इस सिर्फ़ एक मान प्रदर्शित किया, धन्यवाद यद्यपि – dissident

-1

$('#yourelementid > li').length;

यह किसी भी पाश उपयोग करने के बजाय आप के लिए काम करेंगे

स्रोत

2014-04-02 09:39:08

jquery - एकाधिक उल में से प्रत्येक में वापसी करें और वापसी मूल्य

उत्तर

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