变量用于多选择器

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元素。