如何使用jQuery获取HTML列表项的ID? [英] How to get the id of html list item using jquery?
本文介绍了如何使用jQuery获取HTML列表项的ID?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想使用jquery获取<li>
的ID.我可以使用alert($(this).text())
来获取文本,但是当我尝试alert($(this).id())
时,它显示为undefined
.
I wanna get the id of <li>
using jquery. I was able to get the text using alert($(this).text())
but when I tried alert($(this).id())
it says undefined
.
<html>
<head>
<style type="text/css">
ul {
list-style-type: none;
}
</style>
<script type="text/javascript" src="jquery1.6.4min.js"></script>
<script type="text/javascript" >
$(document).ready(function() {
$('#list li').click(function() {
alert($(this).id());
alert($(this).text());
});
});
</script>
</head>
<body>
<ul id="list">
<li id="l1">Value 1</li>
<li id="l2">Value 2</li>
<li id="l3">Value 3</li>
<li id="l4">Value 4</li>
<li id="l5">Value 5</li>
<li id="l6">Value 6</li>
<li id="l7">Value 7</li>
<li id="l8">Value 8</li>
<li id="l9">Value 9</li>
<li id="l10">Value 10</li>
<li id="l11">Value 11</li>
<li id="l12">Value 12</li>
</ul>
</body>
</html>
请帮助我.预先感谢.
推荐答案
您应该使用 attr()
函数:
You should get attributes from elements using the attr()
function:
alert($(this).attr('id'));
jQuery对象没有名为id()
的方法,这就是为什么将结果作为undefined
的原因.
The jQuery object doesn't have a method called id()
which is why you're getting the result as undefined
.
这篇关于如何使用jQuery获取HTML列表项的ID?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文