Parse string value pair in javascript

Question

I have an attribute of a list object in html like this:

<ul>
<li id="myID" add-param="{"type1":"myType1","type2":"myType2"}">Test</li>
</ul>

Having the list item with specified ID, how could I get the value myType1,myType2 by the key type, type2 ?

Thanks.

add-param="{"type1":"myType1","type2":"myType2"}" won't work, try : add-param="{'type1':'myType1','type2':'myType2'}" — joel1di1
– joel1di1, Commented Jul 3, 2011 at 12:41
add-param="{"type1":"myType1","type2":"myType2"}" is working in Firefox 4.0.1 and in IE 7 also. And the answer by Dogbert is compatibly working with this. — Sangam Uprety
– Sangam Uprety, Commented Jul 4, 2011 at 7:23

Dogbert · Accepted Answer · 2011-07-03 12:40:17Z

3

var json = JSON.parse($('#myID').attr('add-param'));

alert(json.type1) # myType1

Some old browsers don't have JSON.parse, you'll need to use this - https://github.com/douglascrockford/JSON-js/blob/master/json2.js

Sidenote: You should be using data attributes instead of defining your own custom attributes - http://ejohn.org/blog/html-5-data-attributes/

answered Jul 3, 2011 at 12:40

Dogbert

224k43 gold badges419 silver badges416 bronze badges

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

2 Comments

duri Over a year ago

Please note that not all browsers support the JSON object.

Sangam Uprety Over a year ago

I have included the json2.js file in my page. And this is working with IE 7 and FF 4.0.1. Is there any other browser that doesn't support this, or is this supported by all browsers?

Collectives™ on Stack Overflow

Parse string value pair in javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related