jQuery -折射代码(图片库)
jQuery -折射代码(图片库)
提问于 2021-02-21 21:55:12
我创建了一个黑白图片库(使用CSS的属性filter: grayscale())。
如果用户点击其中一张图片，我希望这张图片能显示它的实际颜色。
我编写了以下代码，但是，我不知道如何避免硬编码和创建一个枯燥的代码(因此，如果我添加50张图片，我不需要添加额外的代码)。
请帮帮忙。
$('document').ready(() => {
$('img').click(() => {
if ($('img').is("#1")) {
$('#1').css("filter", "none");
} else if ($('img').is("#2")) {
$('#2').css("filter", "none");
}
etc.回答 1
Stack Overflow用户
回答已采纳
发布于 2021-02-21 21:56:40
听起来您可能只需要使用完整的function并使用this：
$('document').ready(() => {
$('img').click(function() {
$(this).css('filter', 'none');
});
});如果您有不希望此侦听器激活的图像，则给出希望侦听器在类上激活的所有映像，如galleryImg，然后执行
$('.galleryImg')而不是
$('img')页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66307557
复制相关文章
相似问题
腾讯云开发者
