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

Question

我正在尝试使用带有 html5 属性的 jquery 显示和隐藏方法。

这是我正在尝试做的事情：

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

您提前结束了代码语句。$( " [data-location= "是所有正在运行的东西。那里有大错误！