2012-11-16 63 views
0

我有一個帶有3個可見項目的旋轉木馬,當我點擊一個項目時,一個類將從所有項目中刪除並添加到被點擊的項目中。但是,DOM中唯一的項目是可見的3個項目。所以,如果有一個不可見的類,並且用戶單擊另一個項目,並且回滾到前一個項目,則會選擇兩個。我如何訪問不可見的項目以從這些項目中刪除類別?訪問不可見的旋轉木馬上的項目

下面是HTML:

<div id="seitemvideocarouselcontainer"> 

    <div id="ui-carousel-prev"></div> 

<div class="seitemvideocarousel"> 

     <div class="carousel-item"> 
      <div class="videothumbnail"> 
       <img class="seitemvideocarousel-90 selected" src="/images/library/videothumb/363303782_200.jpg" onclick="selectVideo(90)" title="Econom Recharge" alt="Econom Recharge"> 
      </div> 
      <div class="videotitle"> 
       Econom Recharge 
      </div> 
     </div> 

     <div class="carousel-item"> 
      <div class="videothumbnail"> 
       <img class="seitemvideocarousel-84 " src="/images/library/videothumb/363159759_200.jpg" onclick="selectVideo(84)" title="Nalini Antares 12" alt="Nalini Antares 12"> 
      </div> 
      <div class="videotitle"> 
       Nalini Antares 12 
      </div> 
     </div> 

     <div class="carousel-item"> 
      <div class="videothumbnail"> 
       <img class="seitemvideocarousel-2420 " src="/images/library/videothumb/5g8RYa1Aams.jpg" onclick="selectVideo(2420)" title="Mucka Blucka b" alt="Mucka Blucka b"> 
      </div> 
      <div class="videotitle"> 
       Mucka Blucka b 
      </div> 
     </div> 

     <div class="carousel-item"> 
      <div class="videothumbnail"> 
       <img class="seitemvideocarousel-2438 " src="/images/library/videothumb/TTqpEJh03fI.jpg" onclick="selectVideo(2438)" title="I Uploaded This Video!" alt="I Uploaded This Video!"> 
      </div> 
      <div class="videotitle"> 
       I Uploaded This Video! 
      </div> 
     </div> 

</div> 

    <div id="ui-carousel-next"></div> 

這裏是rcarousel電話:

$('.seitemvideocarousel').rcarousel({ 
     orientation: 'vertical' 
    , visible: 3 
    , width: 150 
    , height: 120 
    , start: onCarouselPageLoaded 
    , pageLoaded: onCarouselPageLoaded 
    }); 
+0

我添加了我的代碼,但是我不確定這將如何幫助....我確認任何旋轉木馬項目不可見不在DOM中。 – KingErroneous

+0

你可以通過DOM控制檯訪問隱藏的項目嗎?嘗試通過$('。hidden-item')選擇它們;並看看它是否打印出相同的標記。如果有,你可以操縱它。 –

+0

我不太明白你如何訪問不存在的東西。 jQuery遍歷DOM,所以如果它不在DOM中,那麼......假設您有一些代碼在需要時從DOM中刪除/添加項目 - 因此應該在插入時設置適當的類。但也許我誤解了一些東西。 –

回答

0
$('.event').on('click', function(e) { 
    // Change this to selector or leave to remove class 
    $(this).removeClass("class-to-remove'); 
}); 

不清楚自己在找什麼,但是這是一個基本的點擊事件+刪除類功能。