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

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

Javascript：

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

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

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

    });

});

最佳答案

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

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

否则，jQuery将只查询整个DOM中的任何.insidebox元素。