Jquery data attribute to parse json

Question

I have spring mvc based java web app. From my server i am sending a array list of strings.

In table i am reading it into data attribute.

something like

   <td id="context"class="hidden" data-contexts='${result.getContext()}'></td>

when i hover on each row i want to show the value of data attribute.

http://jsfiddle.net/3WgTY/ ( expected behaviour)

Now the problem is in debug mode i see the table is like this.

http://jsfiddle.net/4DMqr/ ( current behaviour)

so jquery.data() is not working properly.

I dont know why data-context has got double quotes even though in html i am using single quote. can some one tell how to fix it.

.live was removed in jQuery 1.9, you should stop using it. — gen_Eric
– gen_Eric, Commented Apr 12, 2013 at 19:10
How are those 2 examples generated? That's probably where the issue is. In the 2nd example the double quotes around the attribute is what is causing your problem. — gen_Eric
– gen_Eric, Commented Apr 12, 2013 at 19:14
The problem in example 2 is invalid HTML, what is generating the html? This doesn't seem to have anything to do with jQuery or javascript? — Affe
– Affe, Commented Apr 12, 2013 at 19:17
@RodrigoAssis Oh but it is json, just not formatted properly to work as an attribute that's using double quotes. — user400654
– user400654, Commented Apr 12, 2013 at 19:23

user400654 · Accepted Answer · 2013-04-12 19:41:42Z

3

The double quotes surrounding your json is breaking the code due to the inner double quotes. You can use single quotes (http://jsfiddle.net/4DMqr/2/), but you'll run into the same problem if your json includes single quotes. to fix it across the board, just replace all " inside the attribute with "

http://jsfiddle.net/4DMqr/4/

<td id="context" data-contexts="[&quot;\&quot;java\&quot; is awesome&quot;,&quot;\&quot;java\&quot; is object oriented&quot;]">java</td>

Also, Id's must be unique, and .live is depreciated/removed in newer versions. please update you code to fix these two (unrelated) issues as well.

edited Apr 12, 2013 at 19:41

answered Apr 12, 2013 at 19:25

user400654

95.1k16 gold badges168 silver badges188 bronze badges

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

3 Comments

javaMan Over a year ago

absolutely. I agree inner double quotes is breaking the outer double quotes. so what is fix for it. as you said single quotes is also not an answer as if single quotes are in string then it will break. how to fix it.

javaMan Over a year ago

Looks like a fix. thanks. Can you kindly tell me more about what is this $quot or point to some good link on it.

user400654 Over a year ago

haha, that was a typo. I meant ". And if you don't know what that is, It's an HTML Entity that represents "

zod · Accepted Answer · 2013-04-12 19:27:07Z

2

just curious why you need that looping

  <td id="context" data-contexts='java is awesonme <br> java is oo '>java</td>

whats wrong in this

var context = $(this).find("td#context").data("contexts");   
        $('#contextData').html(context );

may be i dont understand

answered Apr 12, 2013 at 19:27

zod

12.5k25 gold badges74 silver badges107 bronze badges

3 Comments

javaMan Over a year ago

I agree i can make change on java side to make it string. Still curious how to fix the above issue without changing it to string.

zod Over a year ago

did you see any double quotes if you change the code like i did ?

javaMan Over a year ago

No i didnt see double quotes.

Collectives™ on Stack Overflow

Jquery data attribute to parse json

2 Answers 2

3 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related