jQuery选择器用于HTML5数据属性

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

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

演示

- Dušan

---

空格是 后代选择器。你要查找一个元素 [data-wish-url='/product']，该元素在另一个元素 [data-wish-name='product']中，且该元素在 .wishlist-icon 元素中。如果您想根据多个选择器选择元素，则必须将它们写在一起。 - Felix Kling

Answer 1

只需移除选择器之间的空格即可。

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

Js Fiddle演示

- Sachin

---

我知道，我只是需要等待一定的时间 :) - Dušan