带有数据属性的 Jquery 选择器答案

【问题标题】：Jquery selector this with data attr带有数据属性的 Jquery 选择器
【发布时间】：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】：

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

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

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

【讨论】：

【解决方案3】：

试试这个：

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

【讨论】：