如何选择特定id下的特定类？

Question

http://jsfiddle.net/d4NxZ/1/

这是我的代码。当我单击按钮时，我想要更改右侧框架中的上下文。但这几行代码似乎不起作用。我认为这是因为选择器，我尝试了不同的选择器，但都没有用。

$('#web-dash').click(function(){
    $(".graphs-dash>div:visible").slideUp('1000', function() {
        $("#whole .websitestats").slideDown('1000');
        $('#pie').hide();
        $('#toShow').val("1");
    });
})

$('#skill-dash').click(function(){
    $(".graphs-dash>div:visible").slideUp('1000', function() {
        $("#whole .skill").slideDown('1000');
        $('#pie').hide();
        $('#toShow').val("1");
    });
})

如何选择#whole .skill和#whole .websitestats？我在谷歌上搜索了一下选择器，但没能解决这个问题。

Answer 1

不知道我是否正确理解了你的问题。

$("#whole .websitestats").slideDown('1000');

即使在执行了上面的代码之后，.websitestats也是不可见的。这就是你的问题吗？

$("#whole .websitestats")和$("#whole .skill")正确匹配相应的元素。但是，display:none属性被添加到#whole div中。由于父div不可见，所以子元素也不可见。

试一试

$("#whole").show().find(".skill").slideDown('1000');

Answer 2

尝尝这个,

$('#web-dash').click(function(){
    $(".graphs-dash>div:visible").slideUp('1000', function() {
        $("#whole").find(".websitestats").slideDown('1000');// use find function here
        $('#pie').hide();
        $('#toShow').val("1");
    });
});
$('#skill-dash').click(function(){
    $(".graphs-dash>div:visible").slideUp('1000', function() {
        $("#whole").find(".skill").slideDown('1000');// use find function here
        $('#pie').hide();
        $('#toShow').val("1");
    });
})

查找文档http://api.jquery.com/find