Jquery hide and show with html5 data attributes [duplicate]

Question

I'm trying to use jquery show and hide methods with html5 attributes.

Here is what i'm trying to do:

html file :

<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>

script:

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

I'm using the jquery to hide all the divs with data-location="paris". I don't know why i can't do it. Help?

try to remove additional quotes $("[data-location=paris]").hide(); — vladkras
– vladkras, Commented Dec 22, 2014 at 2:36
If you're going to add quotes before and after paris, make sure to escape them.$("[data-location=\"paris\"]").hide(); — Dimitri
– Dimitri, Commented Dec 22, 2014 at 2:37
@AnudeepKatragadda nope, it works: proof. Maybe you have some errors before, check your console — vladkras
– vladkras, Commented Dec 22, 2014 at 2:46

Mansoorkhan Cherupuzha · Accepted Answer · 2014-12-22 02:55:10Z

2

Use this.

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

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

answered Dec 22, 2014 at 2:55

Mansoorkhan Cherupuzha

1,7611 gold badge24 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ian Hazzard · Accepted Answer · 2014-12-22 02:58:21Z

0

Simply use single quotes instead of double. This will work: $("[data-location='paris']").hide();

Or escape your double quotes, like this:

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

You were ending your code statement early. $("[data-location=" was all that was being run. Big error there!

answered Dec 22, 2014 at 2:58

Ian Hazzard

7,7688 gold badges37 silver badges61 bronze badges

Collectives™ on Stack Overflow

Jquery hide and show with html5 data attributes [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related