Question

我希望做一个简单的显示/隐藏切换。

当你点击什么是“添加”div时，它应该显示前一个兄弟。然而，尽管看起来如此简单，但它无法奏效。我无法弄清楚。任何帮助赞赏。谢谢！

编辑*删除了我解决的部分问题（我的.hide（）部分正常工作），但仍然无法获得我上面提到的作品。

<div class='sideRowStackedInputSideNarrow'>

    <div class='sideRowCreateAdditionalInput'></div>

    <div class='sideRowCreateAdditionalInputNext'>
        <div class='sideRowCreateAdditionalInputNextClose'></div>
    </div>

     <div class='sideRowCreateAdditionalInputNext'>
        <div class='sideRowCreateAdditionalInputNextClose'></div>
    </div>

    <div class='sideRowCreateAdd'></div>

</div>

$('.sideRowCreateAdd').click(function(){

        $(this).previous('.sideRowCreateAdditionalInputNext').show();

    });

    $('.sideRowCreateAdditionalInputNextClose').click(function(){

        $(this).closest('.sideRowCreateAdditionalInputNext').hide();

    });

Answer 1

应该是.prev()而不是 .previous()

文档：http://api.jquery.com/prev/

$('.sideRowCreateAdd').click(function(){
    $(this).prev('.sideRowCreateAdditionalInputNext').show();
});

更新了小提琴：http://jsfiddle.net/ghnne/16/

jQuery - 寻找显示/隐藏切换（使用.previous） - 我哪里错了？

1 个答案: