隐藏div和撇号

时间:2014-02-07 14:40:11

标签: jquery jquery-selectors

我的网站上有很多DIV。每个包含一个产品。

<div 
data-id="AAA2"
data-title="Food"
data-bptf-cost="12"
data-hat-cost="12">

我想删除或隐藏具有某些名称的那些(例如:食物)。我正在使用代码告诉我Marc B(再次 - 非常感谢)。

$("div[data-title='Food']").hide()

效果很好,但是我遇到了撇号出现的名称问题。例如,在代码中它看起来像这样:

<div 
data-id="AAA2"
data-title="Other&apos;s Stuff">

不幸的是 - 使用时不会隐藏元素:

$("div[data-title='Other&apos;s Stuff']").hide()

还有:

$("div[data-title='Other's Stiff']").hide()

我做错了什么?

1 个答案:

答案 0 :(得分:0)

在插入HTML时,权限会转换为字符,因此您必须定位字符,而不是实体

$("div[data-title='Other\'s Stuff']").hide();

并且应该逃避一些特殊的字符,但这似乎不是一个问题

FIDDLE

作为旁注,第二个选择器中有拼写错误,它不是Stiff,而是Stuff