如何仅在数据专家中标记一个图像？

问题描述

如何使用jquery样式化所选图像 基于数据列表的图像库，因此当您在图像库中选择另一张图片时，先前选择的图像中的样式将被删除。 脚本：

<script type="text/javascript">
         $(document).ready(function () {
             $('.Image1').click(function () {
                $(this).css('border','3px solid orange');
             });
         });
</script>

解决方法

与使用css()相比，切换类更容易撤消，因为您可以轻松地将该类作为选择器来删除它

$('.Image1').click(function() {
  // remove class from prior selection
  $('.Image1.selected').removeClass('selected');
  // add classs to current selection
  $(this).addClass('selected')
});

.Image1 {
  border: 1px solid #ccc;
  margin: 1em;
  padding: 1em;
}

.Image1.selected {
  border: 3px solid orange
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="Image1">One</div>
<div class="Image1">Two</div>
<div class="Image1">Three</div>
<div class="Image1">Four</div>