0

好的，对我来说又是一个 jquery 选择器的噩梦！我已经阅读了大约 20 个类似主题的问题，但我找不到一个与我的问题有关的问题……抱歉，如果它确实存在（可能在某处存在），它似乎毫无意义地简单，但不知何故我无法让它工作。

我有一个 img 列表，当你点击一个时，我会得到它的第二类。一旦我有了第二堂课，我想隐藏或显示其他有该堂课的元素

继承人一些代码来澄清：

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

假设我点击我的幻影图像我希望在其他地方看到默认隐藏的文本和幻影类的段落变得可见。

$('#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');            
        });

    });
}

但我无法让它工作，控制台没有向我显示任何错误，而且我已经在任何地方都发出警报，它总是向我显示我想要的......但是不可见的文本不会显示。

4

1 回答 1

4

如果文本同时具有.text和 .fantome 类，则必须链接选择器：

.text.fantome <- without space

所以摆脱空间：

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

使用空格，您将选择类 ChosenClass 的对象，该对象是类 .text 元素的子（或后代）。

于 2012-06-25T01:06:34.900 回答