KSH*_*TiJ -1 html javascript jquery
如何获得组件的父Div ID.
我已经提到了这个链接,但它没有用.
这是我的示例代码.
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
function linkClickEvent()
{
alert ($(this).parent().attr('id')); //Gives Me Undefined
alert($(this).closest('div').attr('id')); //Gives Me Undefined
alert($(this).parent().attr('id')); //Gives Me Undefined
}
</script>
</head>
<body>
<div id="container_1">
<a href="#" onclick="linkClickEvent();" id="link_1">Container_1</a>
</div>
<div id="container_2">
<a href="#" onclick="linkClickEvent();" id="link_2">Container_2</a>
</div>
<div id="container_3">
<a href="#" onclick="linkClickEvent();" id="link_3">Container_3</a>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
更改onclick事件,在onclick事件函数中linkClickEvent使用this以下方法传递当前元素引用:
<a href="#" onclick="linkClickEvent(this);" id="link_1">Container_1</a>
Run Code Online (Sandbox Code Playgroud)
并在函数中添加参数以接受元素引用:
function linkClickEvent (element) {
console.log($(element).closest("div").attr("id"));
}
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
36771 次 |
| 最近记录: |