如何选择特定ID下的特定类?

时间:2013-06-20 08:28:49

标签: jquery html css jquery-selectors

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?我对搜索引擎进行了谷歌搜索,但无法解决问题。

2 个答案:

答案 0 :(得分:1)

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

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

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

$("#whole .websitestats")$("#whole .skill")正确匹配各个元素。但是,显示:#whole div中没有​​添加任何属性。由于父div不可见,因此子元素也不可见。

尝试

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

答案 1 :(得分:0)

试试这个,

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