javascript - 如何联系李的 parent

Question

您好，我有一个使用 LI 和 UL 标签的下拉菜单。

例如。

<ul>

         <li><a href="#">Parent 1</a>
         <ul>
            <li id = "Child 1"><a href="#">Child 1</a></li>
            <li id = "Child 2"><a href="#">Child 2</a></li>
         </ul>
         </li>
         <li><a href="#">Parent 2</a>
         <ul>
            <li id = "Child 3"><a href="#">Child 3</a></li>
            <li id = "Child 4"><a href="#">Child 4</a></li>
         </ul>
         </li>
</ul>

现在我的问题是，当我点击 Child 1 时，结果 div 中应显示 Parent 1: Child 1 。我怎样才能实现这个目标？

谢谢。

Answer 1

this.parentElement().getAttribute('id');

这样就可以了

点击此链接的位置

所以如果方法是

function linkClick(obj)
{
    alert(obj.parentElement().getAttribute('id') + ':' + obj.innerHTML);
}

您需要做的就是将 onclick 事件附加到您的链接

<a onclick="linkClick(this); return false;" href="#">Child 1</a>