Javascript 获取一个<；李>；单击jquery上的标记 小孩 孙子 小孩

这是我的代码，我想在点击该图像时获得直接父级

li

标记的

Id

。也就是说，当我单击一个

li

的图像时，它应该会提醒父li中图像的

id

。如果您能为我提供解决方案，这将非常有帮助。

Sooo，类似这样的事情

<ul>
<li><span>
    <ul>
        <li>
            <span class="parent overflow">Child<a><img src="../training/Test/Images/TDelete.png" class="iconTR" title="Delete Activity" width="13" id="1" height="13"></a></span>
            <ul>
                <li>
                    <span class="parent overflow">grand Child<a><img src="../training/Test/Images/TDelete.png" class="iconTR" title="Delete Activity" id="2" width="13" height="13"></a></span>
                </li>
            </ul>
        </li>
        <li>
            <span class="parent overflow">Child<a><img src="../training/Test/Images/TDelete.png" class="iconTR" title="Delete Activity" id="3" width="13" height="13"></a></span>
        </li>
      </ul>
  </span></li>
</ul>

---

可以使用Jquery的.parent（）函数获取单击图像的直接父级

因此，您的单击处理程序如下所示：

$('img').click(function(){
    var id = $(this).closest('li').attr('id');

    alert(id);
});

这将为您提供单击的img标记的直接父级

---

要提醒图像id，您需要：

$(document).on('click','.iconTR',function(){
   var parent = $(this).parent();
}

然后您将获得李家长的id

$('img').click(function(){
var id = $('this').parent().attr('id');
alert(id);
})

单击图像时，将通知父li的id

---

li

的单击处理程序在哪里？正如我看到的，您提供的代码中没有

id

s。@Swapna由于在示例标记上找不到id属性，它将是未定义的，因为您的代码中没有id属性。Ohhh，我明白你现在想做什么。我有img标记的id我想在单击图像时提醒该值，我想在其父li中显示图像的id，

$('img').click(function(){
var id = $('this').parent().attr('id');
alert(id);
})

$('img').click(function(){

alert($(this).closest('li').parent().closest('li').find('img').attr('id'));

 });