javascript - 如何只显示点击的div的边框？

Question

我需要帮助解决这个 jquery 或 javascript 问题。我有许多带有某些特定 ID 的 div，然后单击那个 div 的边框应该更改，然后单击另一个具有不同 ID 的 div，该 div 的边框再次像以前的 div 一样更改，但以前的 div 的边框被删除。

Answer 1

<style>
.mydiv {
  width:100px;
  height:100px;
  background-color:yellow;
  float:left;
  margin:10px;
}
.active{
  border: 10px solid black;
}
</style>

<div class="mydiv">A</div>
<div class="mydiv">B</div>
<div class="mydiv">C</div>

<script>
  $(".mydiv").click(function(){

    $(".mydiv").removeClass('active');
    $(this).addClass('active');

  });
</script>