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

Containers with same class to have separate jquery effect

本文关键字：jquery 效果 单独 同类      更新时间：2023-09-26

好了，我编写了一个快速程序，当你点击一个框时显示隐藏文本。问题是，当你点击其中一个框时，它会同时显示两个框中的文本。我只希望它显示您点击的框中的文本。

Javascript: 

$(document).ready(function(){
    $('.insidebox').hide ();
    $('.box').on('click', function(){
        $('.insidebox').fadeToggle();        
    });
});

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

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

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

 $(".box").on("click", function(){
    $(this).children(".insidebox").fadeToggle();        
});

使用隐含对象:

$(document).ready(function(){
    $('.box').on('click', function(){
        $(this).fadeToggle();        
    });
})

你可以这样做:

$(document).ready(function(){
   $('.insidebox').hide ();
   $('.box').on('click', function(){
      $(this).fadeToggle();        
  });
});
相关文章：