主页 / 问题 / 591300
Accepted
Silentium
Asked:2020-11-15 22:04:15 +0000 UTC2020-11-15 22:04:15 +0000 UTC

如何从其他元素中删除活动？

  • 772
<img data-src="stol1_hover.png" class="img_table" src="stol1.png">
<img data-src="stol1_hover.png" class="img_table" src="stol1.png">

 $('img.img_table').click(function(){
      var $this = $(this);
      var newSource = $this.data('src');
      $this.data('src', $this.attr('src'));
      $this.attr('src', newSource);
  });

假设你点击了第一张图片，它很突出，如何让它在你点击第二张时，第一张失去活动，而第二张是活动的。
示例中有两张图片，但可以有更多

javascript

1 个回答

  1. Best Answer

    不保存有关元素状态的附加信息 - 没办法。让我们用类“active”标记活动元素。在处理被点击的元素之前，让我们更改所有活动元素的图标，除了被点击的元素（并从中删除“活动”类）。

     $('img.img_table').click(function(){
   var $this = $(this);

   $('img.img_table.active').not($this).each(function() {
     var newSource = $(this).data('src');
     $(this).data('src', $(this).attr('src'));
     $(this).attr('src', newSource);
     $(this).removeClass("active");
   });

   var newSource = $this.data('src');
   $this.data('src', $this.attr('src'));
   $this.attr('src', newSource);
   $this.toggleClass("active");
});
    • 1

相关问题