jQuery - 当单击列表中的按钮时切换()表单

Question

问题:当我单击表格时，我不希望它切换。仅当我单击按钮(div)时。另外，必须有一个选择器，以便其他 li 的表不会切换。

jQuery

$(document).ready(function() {
    $('table.edititem').hide();
    $('.menu-category > li ul li .button').click(function(){
        $('table.edititem', this).toggle();
    });
});

我知道问题是: $('table.edititem', >>>this<<<).toggle();因为表格不在“.button”内。我们需要捕获父级，但是我们该怎么做呢？

HTML

<ul>
<li>
    Category1
    <ul>
        <li>
            <div>
                <div class="button"></div>
                <table class="edititem">
                </table>
            </div>
        </li>
    </ul>
</li>
</ul>

希望你明白我的意思。

Answer 1

可以使用.parent()函数向上一个节点，然后搜索相关的表。

$(document).ready(function() {
    $('table.edititem').hide();
    $('.menu-category > li ul li .button').click(function(){
        $(this).parent().find("table.edititem").toggle();
    });
});