获取元素 ID - JavaScript [重复]

Posted 2023-03-05

【中文标题】获取元素 ID - JavaScript [重复]

【英文标题】：Get Element ID - JavaScript [duplicate]

【发布时间】：2017-08-24 11:16:29

【问题描述】：

我从li 元素中知道data-id，但现在我想要li 元素的id 值。我怎样才能得到这个？试过了：

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

html代码：

<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');试试这条线

jquery 对象没有 id 属性

.id 不是 jQuery 的方法 :) 使用 $('element').attr('id');

【参考方案1】：

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

【讨论】：

@Anna Jeanine 如果此答案对您有所帮助，请标记为正确并投票...谢谢！

【参考方案2】：

使用attr 函数。

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>

【参考方案3】：

出于完整性考虑：

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

.get(0) 检索原始 JS DOM 元素。