用於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演示