Javascript 具有相同类的容器具有单独的jquery效果
好的,我做了一个快速的程序,当你点击一个框时显示隐藏的文本。问题是,当你点击其中一个框时,它会显示两个框中的文本。我只希望它显示您单击的框中的文本 Javascript:Javascript 具有相同类的容器具有单独的jquery效果,javascript,jquery,class,hide,show,Javascript,Jquery,Class,Hide,Show,好的,我做了一个快速的程序,当你点击一个框时显示隐藏的文本。问题是,当你点击其中一个框时,它会显示两个框中的文本。我只希望它显示您单击的框中的文本 Javascript: $(document).ready(function(){ $('.insidebox').hide (); $('.box').on('click', function(){ $('.insidebox').fadeToggle(); }); }); 您需要专
$(document).ready(function(){
$('.insidebox').hide ();
$('.box').on('click', function(){
$('.insidebox').fadeToggle();
});
});
您需要专门访问当前元素,例如,通过
this
$( this ).find( '.insidebox' ).fadeToggle();
否则,jQuery将只查询整个DOM中的任何
.insidebox
元素。您需要专门访问当前元素,例如,通过this
$( this ).find( '.insidebox' ).fadeToggle();
$(".box").on("click", function(){
$(this).children(".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(){
$('.box').on('click', function(){
$(this).fadeToggle();
});
})
你可以这样做:
$(document).ready(function(){
$('.insidebox').hide ();
$('.box').on('click', function(){
$(this).fadeToggle();
});
});
你可以这样做:
$(document).ready(function(){
$('.insidebox').hide ();
$('.box').on('click', function(){
$(this).fadeToggle();
});
});