javascript - 如何获得 标签的所有 parent 点击它？

Question

我正在设计 dynatree，因此节点位于 ul 和 li 标签中。我遇到的问题是我没有得到点击的 li 元素的父元素。

这是我的html代码，

<ul class="bulk">

 <li>gp1
   <ul>
    <li>gp2
    <ul>
        <li>gp3
            <ul>
                <li>c1
                <li>c2
                <li>c3
            </ul>
        <li>gp4
    </ul>
  </ul>
 <li>gp5
   <ul>
    <li>gp6
    <ul>
        <li>gp7
            <ul>
                <li>c4
                <ul>
                <li>c5
                <li>c6
                </ul>

            </ul>
        <li>gp8
        <li>gp9
    </ul>
    <li>gp10
</ul>
</ul>

这是我的 jquery 方法

   $('ul.bulk li').click(function(e) 
                { 
                 //alert($(this).find("span.t").text());
                 alert(e.html());
                });

这是我的 fiddle http://jsfiddle.net/raghavendram040/ojnLrcjz/

我遇到的问题是如果点击 gp3 它会提醒我 3 次，但我想如果我点击 gp3 它应该提醒它的 parent (gp1 和 gp2 ).在这里，我动态放置了所有 li 和 ul，除了标签。如何实现这一点请帮助我

Answer 1

你可以做类似的事情

$(function () {
    $('ul.bulk li').click(function (e) {
        if($(e.target).is(this)){
            $(this).parentsUntil('.bulk', 'li').each(function(){
                alert(this.firstChild.nodeValue)
            })
        }
    });
});

演示:Fiddle