javascript - HTML5 数据属性的 jQuery 选择器

Question

我有这个带有多个数据属性的按钮，我想通过基于类和两个数据属性选择它来隐藏它。

<a href='#' class='wishlist-icon' data-wish-name='product' data-wish-url='/product'>Button</a>

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

我不知道为什么这个选择器不起作用。

演示

Answer 1

只需删除选择器之间的空格。

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

Js 小提琴演示