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

【问题标题】：How do I select a specific class under a specific id?如何选择特定 id 下的特定类？
【发布时间】：2013-06-20 16:42:56
【问题描述】：

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？我在谷歌上搜索了选择器，但无法解决问题。

【问题讨论】：

仅供参考，您可以在外部资源下附加外部文件。
@jycr753 如果我理解你的问题是正确的，是的。
@yyene 谢谢，下次还会用。

标签： jquery html css jquery-selectors

【解决方案1】：

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

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

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

$("#whole .websitestats") 和 $("#whole .skill") 正确匹配各自的元素。但是，在#whole div 中添加了 display:none 属性。由于父 div 不可见，子元素也不可见。

试试

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

【讨论】：

我明白了。但这一次，它显示了整个#whole div。我想我需要稍微改变一下我的代码逻辑。

【解决方案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

【讨论】：