好了,我编写了一个快速程序,当你点击一个框时显示隐藏文本。问题是,当你点击其中一个框时,它会同时显示两个框中的文本。我只希望它显示您点击的框中的文本。
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();
});
});