使用jQuery </li>获取父<li>项

Question

当我点击特定的<li>项时，我正在尝试获取父<li>。

http://jsfiddle.net/doonot/GjbZk/

所以，我要点击submodule 1，点击$(this).attr('id');点击的ID 我现在如何获取父<li>的ID module 1？

请注意我的树很大，所以它必须灵活。

非常感谢，非常感谢您的回答。

Answer 1

您可以使用closest方法获取与选择器匹配的第一个祖先：

var li = $(this).closest("li");

来自jQuery文档：

  

获取与选择器匹配的第一个元素，从   当前元素并在DOM树中前进。

Answer 2

var parentModule = $('this')             //the selector of your span
    .parents('li:eq(1)')                 //get the next li parent, not the direct li
    .children('.rightclickarea:first')   //get the first element, which would be the span
    .attr('id')                          //get the span id

Answer 3

var parent = $(this).closest("li");