Javascript 如何通过单击此框来显示仅活动框的图标
请看图片,我必须通过点击框来显示箭头图标,我已经尝试过了,但现在它显示在所有框中 如何为每个框单独显示? 这是我的密码Javascript 如何通过单击此框来显示仅活动框的图标,javascript,jquery,Javascript,Jquery,请看图片,我必须通过点击框来显示箭头图标,我已经尝试过了,但现在它显示在所有框中 如何为每个框单独显示? 这是我的密码 $('.date-box').click(function(){ $('.date-box').removeClass('active-item'); $(this).addClass('active-item'); $('.next-icon').show(); }); 您需要指定只希望在当前单击的框中显示图标,就像在活动类中一样。 示例:$
$('.date-box').click(function(){
$('.date-box').removeClass('active-item');
$(this).addClass('active-item');
$('.next-icon').show();
});
您需要指定只希望在当前单击的框中显示图标,就像在活动类中一样。 示例:
$('.next icon',this.show()代码>$('.next icon')。show()
将显示具有类下一个图标的所有元素。您需要指定要在哪个范围内查找该类
如果下一个图标
类位于日期框内
$('.date-box').click(function(){
$('.date-box').removeClass('active-item');
$(this).addClass('active-item');
// Hiding all and showing just the current one
$('.next-icon').hide();
$(this).find('.next-icon').show();
});
请同时共享您的html..$(this).find('.next icon').show()代码>仅显示curren元素的图标尝试此,$(this).closest('.next icon').show()@naresh如果解决了您的问题,请标记答案:)