jquery - addClass をクリックしてから、クラスの総数を再計算します

Question

クラスを追加するslideimg div内に要素があります。

クラスのない要素にクリック時にクラスを与え、sliderightその後、要素を class で再カウントしたいslideright。

<div id="slideimg">
<img src="images/portfolio/1.jpg" alt="image1" />
<img src="images/portfolio/2.jpg" alt="image2" />
<img src="images/portfolio/3.jpg" alt="image3" />
<img src="images/portfolio/4.jpg" alt="image4" />
</div>

var slideimg = $('#slideimg');
//add classes to images
slideimg.children().eq(0).addClass('slidecontent');
slideimg.children().slice(1, 4).addClass('slideright');
                
var slideright = $('.slideright');
var slidecontent = $('.slidecontent');
var totalrightimg = slideright.size();

slidecontent.click(function(){
$(this).addClass('slideright').removeClass('slidecontent');
totalrightimg = slideright.size();
alert(totalrightimg);
});

Answer 1

html を次のように変更しました。

<div>here</div>
<div class="right"></div>
<div class="right"></div>
<div class="right"></div>

このフィドルをチェックアウトしてください：

http://jsfiddle.net/arvind07/ZJSqY/ コードは正常に動作します...空の div コンテナをクリックする方法を教えてください。