Jquery使用数据attr选择它

Question

我有以下代码：

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

我不想将函数内的选择器更改为“this”，但它对我不起作用。我应该怎么输入？

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

Answer 1

尝试：

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

Answer 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();
        }
    });

Answer 3

试试这个：

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