1

問題: テーブルをクリックしたときにトグルしたくありません。ボタン(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>

私の言いたいことを理解していただければ幸いです。

4

2 に答える 2

0

HTML テーブルを修正する必要があります (put tr,td)。これを試して :

HTML

<ul class="menu-category">
<li>
    Category1
    <ul>
        <li>
            <div>
                <div class="button">dddd</div>
                <table class="edititem"><tr><td>dfdf</td></tr>
                </table>
            </div>
        </li>
    </ul>
</li>
</ul>

jQuery

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

これが実際のデモです: http://jsfiddle.net/JgfMv/

于 2013-05-22T16:45:06.247 に答える