2012-12-20 28 views
0

我有內部slideimg div元素,我添加一個類。點擊addClass,然後重新計算總類

我想給元素沒有一個類的類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); 
}); 
+0

您的代碼在小提琴中工作:http://jsfiddle.net/VZvur/。你的'div'元素是動態追加的嗎? –

+0

沒有附加,總共有4個項目,我使用切片功能獲得最後3個並向他們添加正確的類。 $('body')。children('div')。slice(1,3).addClass('right') – Snoo

+0

請發佈您的實際代碼,因爲您發佈的代碼不會重現問題。 –

回答

0

我只是改變HTML爲:

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

結帳此琴:

http://jsfiddle.net/arvind07/ZJSqY/ 你的代碼工作正常... 告訴我你可以點擊空div容器?

+1

您根本沒有更改HTML。我不明白爲什麼人們急於張貼毫無意義的答案,而沒有試圖找出問題。 –

+0

現有的代碼運行良好。什麼是空白div的使用。 – Jai

+0

@作爲其固定 –

相關問題