Javascript Can'；t读取父元素的节点名_Javascript_Jquery_Html_Css

Javascript Can'；t读取父元素的节点名

javascript jquery html css

Javascript Can'；t读取父元素的节点名,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想用一个简单的mouseclick构建一个脚本，它可以识别父元素中（未指定）元素的索引。单击的元素可能是span、div、li或任何其他元素问题是我无法检索父元素的标记名/节点名，因为我总是收到一个错误uncaughttypeerror:无法读取未定义的属性“NodeName” 我的HTML如下所示： <body> <span id="test1"> <div>test</div> </span>

我想用一个简单的

mouseclick

构建一个脚本，它可以识别父元素中（未指定）元素的索引。单击的元素可能是

span

、

div

、

li

或任何其他元素

问题是我无法检索父元素的标记名/节点名，因为我总是收到一个错误

uncaughttypeerror:无法读取未定义的属性“NodeName”

我的HTML如下所示：

<body>
    <span id="test1">
        <div>test</div>
    </span>
    <div id="test2">
        <div>eins</div>
        <div>zwei</div>
        <div>drei</div>
    </div>
</body>

$(document).on('click', function(evt){
    evt.stopPropagation();
    var child = evt.target.tagName;
    var parent = $(evt).parent();
    console.log(parent[0].nodeName);
});

根据线程，这应该是正确的，但它不起作用-

$(evt).parent();

应该是-

$(evt.target).parent();

我想建立一个脚本，它可以识别父元素中（未指定）元素的索引

所以，您只需要使用带有

evn.target

的方法，该方法指向单击的元素：

$（文档）.on（'click'，函数（evt）{
var index=$（evt.target）.index（）；
警报（索引）；
});

测试
埃因斯
茨威
德雷