Question

在我的网站上，我有12张图片和12个开关。当按下开关时，我使用jquery将图像的滤镜更改为灰度。现在我的代码将每个img变为灰度，我想知道如何仅使用已按下的开关来共享一个div的img。

$('.switch').click(function() {
    $('img').css("-webkit-filter", "grayscale(100%)");
});

此外，我想知道如果点击它，如何选择.switch。因此，当您再次单击.switch时，颜色将返回

Answer 1

假设switch和img在同一容器中，如下所示：

<div>
  <button class="switch" type="button">Switch</button>
  <img src="image.png"/>
</div>

以下内容应该有效：

$('.switch').click(function() {
    $(this).siblings('img').css("-webkit-filter", "grayscale(100%)");
});