计算每个列表单独列表项的数量并追加

Question

我想要一些简单的（？），来计算列表项的数量并将其附加到父div的列表中。问题是它总是取最后一个值，因为你可以看到第一个列表有4个项目，并说4/2这应该是4/4 ..如何解决这个问题？

感谢

演示：http://jsfiddle.net/tZLG9/

代码：

$(".list_slides_pagination li a").each(function() { 
    list_slides_count = $(".list_slides").find(".list_slides_pagination").length; 
    $(this).append("/" + list_slides_count); 
    console.log(list_slides_count) 
}); 

Answer 1

你是总是指相同的清单...你应该使用这个：

$(this).closest(".list_slides_pagination").find("li").length; 

例子：http://jsfiddle.net/scaillerie/tZLG9/3/

Answer 2

像这样的东西应该工作：

$(".list_slides").each(function() { 
    var list_slides = $(this).find(".list_slides_pagination li a"); 
    list_slides.each(function() { 
    $(this).append("/" + list_slides.length); 
    }); 
}); 

Answer 3

您是否在寻找something like this?。如果是，则用下面的办法

$(".list_slides_pagination").each(function() { 
    var num_li = $('li', $(this)).length 
    $('li a', $(this)).each(function() { 
     $(this).html($(this).html() + '/' + num_li); 
    }) 
}); 

1. 为<li>它
2. 每个<ul>
3. 计数遍历每个<a>的<ul>内追加一条数到它

Answer 4

下面的代码使用

$(".list_slides_pagination li").each(function() { 
      list_slides_count =  $(this).parent().find("li").length; 
      $(this).append("/" + list_slides_count); 

      console.log(list_slides_count) 
}); 

Working JSFIddle

Answer 5

使用该代码：

$(".list_slides_pagination").each(function() { 
    list_slides_count = $(this).find("li").length; 
    $(this).find('a').each(function(){   
     $(this).append("/" + list_slides_count); 
    }) 
}); 

Answer 6

这应该在jQuery的为你工作（它可能不尽管最简洁的jQuery语法）

$(".list_slides_pagination").each(function (index1, element) { 
    var items = $("li a", element), 
     count = items.length; 

    items.each(function (index2, item) { 
     item.textContent = item.textContent + "/" + count; 
    }); 
}); 

在jsfiddle

这里是我原来的JavaScript的思想，这是我翻译成以上。对于示范@roasted

Array.prototype.forEach.call(document.querySelectorAll(".list_slides_pagination"), function (element) { 
    var items = element.querySelectorAll("li a"), 
     count = items.length; 

    Array.prototype.forEach.call(items, function (item) { 
     item.textContent = item.textContent + "/" + count; 
    }); 
}); 

在jsfiddle

在这里，我们已经给出了所有解决方案的jsperf，不只是我的，所以我们有一个性能向导。