jquery - jqueryを使用して現在のdivの数を取得する

Question

カウントを取得するためにjqueryを使用しました

var currentPosition = 0;
var slides = $(".slideritem");
var numberOfSlides = slides.length;

manageControls(currentPosition);
function manageControls(position){
var count = document.getElementById("count");
count.innerHTML =(position + 1) + "/" + numberOfSlides;
  }

これが私のJSFiddleです。カウントは表示されますが、次の div に移動しても更新されません。解決策はありますか？

Answer 1

への呼び出しがありmanageControls()ません... ここに配置できます:

$('li').click(function() {
    var index = $(this).index();
    setActive(index);
    manageControls(index);
});

Answer 2

var currentPosition = 0;
 var slides = $(".myclass");
 var numberOfSlides = slides.length;

 manageControls(currentPosition);
 function manageControls(position){
 var count = document.getElementById("count");
 count.innerHTML =(position + 1) + "/" + numberOfSlides;
 }

 setActive(0);

$('li').click(function() {
setActive($(this).index());
manageControls($(this).index());

});

  $(".next").click(function(){
   var current = $('ul li.selected').index(),
    maxIndex = $('ul li').length - 1,
    next = (current + 1) >  maxIndex ? 0 : (current + 1);
   manageControls(next);
   setActive(next);

  });

 function setActive(i) {
var li = $('ul li').eq(i);

$('ul li').removeClass('selected');
li.addClass('selected');
$('.myclass').removeClass('selected');
$('.myclass').eq(i).addClass('selected');
 }