Jquery使用html5数据属性隐藏和显示

Question

我正在尝试使用jquery show并使用html5属性隐藏方法。

以下是我要做的事情：

html文件：

<div class="test" data-location="paris">Math</div>
<div class="test" data-location="paris">Physics</div>
<div class="test" data-location="paris">Chemistry</div>
<div class="test" data-location="paris">Biology</div>

脚本：

$("[data-location="paris"]").hide(); 

我正在使用jquery用data-location =“paris”隐藏所有div。我不知道为什么我不能这样做。帮助

Answer 1

使用此功能。

$("[data-location='paris']").hide();

JsFiddle：http://jsfiddle.net/getmanzooronline/3rcd1wnc/1/

Answer 2

只需使用单引号而不是双引号。这将有效：$("[data-location='paris']").hide();

或者逃避你的双引号，如下：

$("[data-location=\"paris\"]").hide();

您提前结束了代码声明。 $（＆＃34; [data-location = ＆＃34; >正在运行。那里有大错误！