在jquery/javascript中获取父div标识

KSH*_*TiJ -1 html javascript jquery

如何获得组件的父Div ID.

我已经提到了这个链接,但它没有用.

jQuery通过类搜索获取元素的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)

Ehs*_*jad 7

更改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)