Get Element ID - JavaScript [duplicate]

Question

I know the data-id from the li element, but now i want the id value of the li element. How can I get this? Tried:

 var id = $('li[data-id="KnSubject[StId]"]').id; console.log(id); // UNDEFINED

Html Code:

<li role="treeitem" data-jstree="{&quot;icon&quot; : &quot;glyphicon glyphicon-pencil&quot;}" data-id="KnSubject[StId]" data-values="null" aria-selected="true" aria-level="3" aria-labelledby="j1_4_anchor" id="j1_4" class="jstree-node jstree-leaf"><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" tabindex="-1" id="j1_4_anchor"><i class="jstree-icon jstree-themeicon glyphicon glyphicon-pencil jstree-themeicon-custom" role="presentation"></i>Type dossieritem (StId)</a></li>

$('li[data-id="KnSubject[StId]"]').data('id'); try this line — Jayanta
– Jayanta, Commented Mar 30, 2017 at 13:33
.id is not a method of jQuery :) Use $('element').attr('id'); — Panomosh
– Panomosh, Commented Mar 30, 2017 at 13:37

cmac · Accepted Answer · 2017-03-30 13:33:11Z

4

var id = $('li[data-id="KnSubject[StId]"]').attr('id'); console.log(id);

answered Mar 30, 2017 at 13:33

cmac

3,2787 gold badges43 silver badges51 bronze badges

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

1 Comment

cmac Over a year ago

@Anna Jeanine If this answer helped you please mark it correct and upvote it... Thanks!

kind user · Accepted Answer · 2017-03-30 13:33:38Z

Use attr function.

var elem = $('li[data-id="KnSubject[StId]"]'); console.log(elem.attr('id'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <li role="treeitem" data-jstree="{&quot;icon&quot; : &quot;glyphicon glyphicon-pencil&quot;}" data-id="KnSubject[StId]" data-values="null" aria-selected="true" aria-level="3" aria-labelledby="j1_4_anchor" id="j1_4" class="jstree-node jstree-leaf"><i class="jstree-icon jstree-ocl" role="presentation"></i><a class="jstree-anchor jstree-clicked" href="#" tabindex="-1" id="j1_4_anchor"><i class="jstree-icon jstree-themeicon glyphicon glyphicon-pencil jstree-themeicon-custom" role="presentation"></i>Type dossieritem (StId)</a></li>

xate · Accepted Answer · 2017-03-30 13:40:25Z

Just for completeness reasons:

$('li[data-id="KnSubject[StId]"]').get(0).id

.get(0) retrieves the raw JS DOM Element.

Collectives™ on Stack Overflow

Get Element ID - JavaScript [duplicate]

3 Answers 3

1 Comment

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Linked

Related