带有数据属性的 Jquery 选择器

Posted 2023-05-09

【中文标题】带有数据属性的 Jquery 选择器

【英文标题】：Jquery selector this with data attr

【发布时间】：2014-05-29 12:41:17

【问题描述】：

我有以下代码：

$(".wishlist-icon").click(function() 
  $(".wishlist-icon[data-wish-name='product']").hide();
);

我不想将函数内的选择器更改为“this”，但这对我不起作用。我该怎么打出来？

因此，如果“this”具有 data-wish-name='product'，则将其隐藏。

【参考方案1】：

尝试做：

$(".wishlist-icon").click(function() 
    if($(this).data('wish-name') == "product") 
        $(this).hide();
    
);

【参考方案2】：

您可以通过两种方式进行：

1)

$(".wishlist-icon").click(function() 
    if($(this).attr('data-wish-name') == "product") 
        $(this).hide();
    
);

2)

 $(".wishlist-icon").click(function() 
        if($(this).data('wish-name') == "product") 
            $(this).hide();
        
    );

【讨论】：

不客气，当有人从我的回答中得到帮助时，我总是感到高兴

【参考方案3】：

试试这个：

$(".wishlist-icon").click(function() 
  $(this).find("[data-wish-name='product']").hide();
);