如何获取li元素的id

时间:2013-12-25 18:47:44

标签: javascript jquery html

我有一个动态创建的元素列表。每个项目都有一个ID。 我没有找到如何在点击它时获取每个元素的id。没有什么可以解决...... :(

4 个答案:

答案 0 :(得分:0)

this.id。处理程序this内部将是被点击的元素,您可以将其id作为属性进行访问。

例如:

   $(elem).click(function(){
       var id = this.id; //Here this is the DOM element and you can access its id property
       ///Do something..
   })

答案 1 :(得分:0)

假设您使用的是jQuery:

$("li").click(function(){
    alert($(this).attr("id"));
});

答案 2 :(得分:0)

当触发click事件时,作为click的目标的元素在jquery回调中存储为this

$("li").click(function(){
 var elementClicked = this;
 var elementClickedId = this.id;
});

答案 3 :(得分:0)

使用纯JavaScript可以执行以下操作:

<script>
function getID(a)
{
    document.getElementById("showid").innerHTML = a;
}
</script>
<li id="n1" onclick="getID(this);">Item1</li>
<li id="n2" onclick="getID(this);">Item2</li>
<li id="n3" onclick="getID(this);">Item3</li>

<div id="showid"></div>