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类的对象，该对象是类.text的元素的子（或后代）。

多个选择器中使用的变量

1 个答案: