具有相同类别的容器具有单独的jQuery效果

Question

好吧，我做了一个快速程序，当您单击一个框时显示隐藏文字。问题是，当你点击任一方框时，它会在两个方框中显示文字。我只是想让它显示从盒子你

的Javascript单击文本：

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

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

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

    }); 

}); 

Answer 1

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

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

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

Answer 2

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

    $(this).children(".insidebox").fadeToggle();   

}); 

Answer 3

使用隐式对象：

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

     $(this).fadeToggle();   

    }); 

}) 

Answer 4

你可以这样做：

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

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

     $(this).fadeToggle();   

    }); 

});