scoping html data with js or jquery

Question

This is my html ( in twig template )

<li id="{{folder.id}}" data-jstree='{"icon":"glyphicon glyphicon-tags", "type":"folder"}' ><a href="#">{{folder.name}}</a>

I am trying to get the value of 'type' from 'data-jstree'.

I tried using

var node_id = ref.get_node(sel[i]).id;
var type = $("#"+node_id).attr("data-jstree");

but that gives me this : {"icon":"glyphicon glyphicon-tag", "type":"tag"} and i only need the value of type.

Thanks in advance.

var type = JSON.parse($("#"+node_id).attr("data-jstree")).type; — MysterX
– MysterX, Commented Jul 18, 2017 at 14:23
Possible duplicate of Store JSON object in data attribute in HTML jQuery — juvian
– juvian, Commented Jul 18, 2017 at 14:23

Koushik Chatterjee · Accepted Answer · 2017-07-18 14:23:20Z

4

var type = JSON.parse($("#"+node_id).attr("data-jstree")).type

answered Jul 18, 2017 at 14:23

4,1933 gold badges20 silver badges32 bronze badges

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

Comments

Dij · Accepted Answer · 2017-07-18 14:23:30Z

2

you need to parse the string into json. do something like this:

var node_id = ref.get_node(sel[i]).id;
var type = $("#"+node_id).attr("data-jstree");
type = JSON.parse(type).type;

answered Jul 18, 2017 at 14:23

Dij

9,8184 gold badges21 silver badges35 bronze badges