我有一堆带有 tl-box
类的 div
我想突出显示我点击的那个。
注意: 如果我点击一个新的 div,仅该新的 div 应该突出显示。
<小时/>我已经尝试过:
jQuery
$('.tl-box').click(function () {
$(this).find('.tl-selected').removeClass('tl-selected');
$(this).toggleClass('tl-selected');
});
CSS
.tl-selected{
background: white;
border:3px solid orange;
width:179px;
height:80px;
position: relative;
}
结果
实现这样的目标的最佳方法是什么?
最佳答案
改变
$('.tl-box').click(function () {
$(this).find('.tl-selected').removeClass('tl-selected');
$(this).toggleClass('tl-selected');
});
至
$('.tl-box').click(function () {
$('.tl-selected').removeClass('tl-selected');
$(this).toggleClass('tl-selected');
});
关于jquery - 如何使用 jQuery 在单击时突出显示 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29418697/