變量用於多選擇器

Question

好吧，又一個jquery選擇器對我來說是一場惡夢！我已經閱讀了大約20個類似主題的問題，但我無法找到一個與我的問題...對不起，如果它確實存在（可能確實存在）它似乎毫無意義的容易，但不知何故我無法得到它的工作。

我有一個img的列表，當你點擊一個，我得到它的第二類。一旦我有這個二等功，我想隱藏或顯示誰擁有該類

其他元素繼承人一些代碼來澄清：

<ul id="thumbail_list"> 
    <li class="image fantome"><img src="images/fantome.png"/></li> 
<ul> 

可以說我點擊我的魅影像我想的是別的一個地方默認隱藏類texte和fantome的段落變​​得可見。

$('#thumbail_list li').click(function() { 

    var Chosenclass = $(this).attr('class').split(' ')[1]; 
    var texte = '.text .' + Chosenclass ; 
    var image = '.image .' + Chosenclass ; 

    $('.image').fadeIn('slow', function(){ 
     $(image).fadeOut('slow', function(){ 
      $(texte).fadeIn('slow');    
     }); 

    }); 
} 

，但我不能得到這個工作，控制檯的犯規給我任何錯誤，而我，已經把警報無處不在，它總是告訴我我想要的東西......但不可見的文本不會顯示。

Answer 1

如果文本有都類的.text和.fantome，必須鏈中的選擇：

.text.fantome <- without space 

因此擺脫了空間的：

var texte = '.text.' + Chosenclass ; 
       ^^^^ 

隨着空間你會選擇一個類ChosenClass的對象，它是子類（或後代）的class .text元素。