Javascript 特定div的Fire onClick事件

我有两张卡，如果用户单击Like按钮（心脏图标），我将触发

onClick（）

事件，在卡图像顶部创建一个调光器。我正在尝试在用户单击心脏图标的卡图像上创建调光器

我试着设定一个条件：

if (e.target !== this)
    return;

但它没有起作用。在真实的网页中，我会有一长串没有标识的卡片，在这里我可以指定要调暗的图像。在这种情况下可能吗

您应该使用当前单击的jQuery对象

$（this）

来定位同一

.card

中的相关

.imglood

：

$(this).closest('.card').find('.imglove').dimmer('show');

注意：最近的（'.card'）用于通过单击图标

loveit

获取相关的

卡

希望这有帮助


$（函数（）{
$（文档）.on（'click'，'loveit'，函数（e）{
e、 预防默认值（）；
$（this）.最近的（'.card'）。查找（'.imglove'）。调光器（'show'）；
});
});

14小时
艾略特
标题
17喜欢
3评论
14小时
艾略特
标题
17喜欢
3评论
那么您试图将交互限制在当前选定的图像上？此外，与其引用小提琴，不如在这里发布您的工作（或非工作）代码。一切都很容易


jQuery（文档）.ready（函数（$）{
$（文档）.on（'click'，'loveit'，函数（e）{
e、 预防默认值（）；
$（this.parents（“.card”）.find（“.imglove”）
.调光器（“显示”）；
});
});

14小时
艾略特
标题
17喜欢
3评论
14小时
艾略特
标题
17喜欢
3评论
使用class
卡将其作为
父项
的目标，然后
查找
class
imglood
并向其添加
调光器

 jQuery(document).ready(function($) {
   $(document).on('click', '.loveit', function(e) {
     $(this).parents('.card').find('.imglove').dimmer('show');
    });
 });

在事件捕获或冒泡事件的情况下。目标可以不同于注册事件的元素（
此
）。