javascript - 具有相同类的容器具有单独的 jquery 效果

Question

好吧，我制作了一个快速程序，当您单击某个框时，它会显示隐藏的文本。问题是，当您单击任一框时，它都会显示两个框中的文本。我只希望它显示您单击的框中的文本。

Javascript:

$(document).ready(function(){
    $('.insidebox').hide ();

    $('.box').on('click', function(){

        $('.insidebox').fadeToggle();        

    });

});

Answer 1

您需要专门访问当前元素，例如通过this。

$( this ).find( '.insidebox' ).fadeToggle();

如果没有这个，jQuery 将只查询整个 DOM 中的任何 .insidebox 元素。