jquery - 如何使用 jQuery 在单击时突出显示 div？

Question

我有一堆带有 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;
}

结果

实现这样的目标的最佳方法是什么？

Fiddle

Answer 1

改变

$('.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');
});