用于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();

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

DEMO

Answer 1

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

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

Js Fiddle Demo