Question

我在这个问题上挣扎。我想在按钮操作中隐藏并显示父div div_block和子div中的某个类。这是迄今为止的情况： HTML

<div class="legenda_btn" id="events_now">active</div>
<div class="legenda_btn" id="events_come">expect</div>

<div class="holder_block">
    <div class="events_now">active</div>
</div>
<div class="holder_block">
    <div class="events_come">expect</div>
</div>

jquery的

$('.legenda_btn').click(function(){
    $('.holder_block').slideUp('slow'); 
    $('.holder_block').find('.'+$(this).attr('id')).filter(':hidden')
.slideDown('slow');
});

这有什么问题？我认为它是一个选择器，但我无法解决它...... 问候，汤姆

Answer 1

这应该是您正在寻找的：fiddle

$('.legenda_btn').click(function () {
    var attri = $(this).attr('id');
    $("." + attri).parent().parent().slideToggle();
});

Answer 2

我不确定你想要获得什么，也许这个：

＆＃13;

$('.legenda_btn').click(function () {
    var theSel = "."+$(this).attr('id');
    $(".holder_block").find(theSel).slideDown();
    $(".holder_block").find(":not("+theSel+")").slideUp();
});

＆＃13;

.holder_block {
    border:1px solid black;
        padding:2px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<div class="legenda_btn" id="events_now">active</div>
<div class="legenda_btn" id="events_come">expect</div>

<div class="holder_block">
<div class="events_now">active</div>
</div>
<div class="holder_block">
<div class="events_come">expect</div>
</div>

＆＃13;

在按钮操作中使用子div中的类显示/隐藏父div

2 个答案: