单击addClass，然后重新计算总类

Question

我在slideimg div中有元素，我添加了一个Class。

我希望在单击时不为类提供类slideright的元素，然后使用类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容器？