Question

<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>

这是我的代码，我希望点击该图片时获得直接父Id标记的li。也就是说，当我点击一个li的图像时，它应该提醒父母li中图像的id。如果有人向我提供解决方案，那将非常有用。

Answer 1

Sooo，这样的事情？

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

    alert(id);
});

Answer 2

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

所以你的点击处理程序就像：

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

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

Working Fiddle

Answer 3

要提醒图片ID，您需要：

$('.iconTR').click(function(){
 var imgid= $(this).attr('id');//or this.id
 alert(imgid);
});

<强> Working Demo

Answer 4

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

然后你会得到父李的身份。

Answer 5

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

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

 });

点击图片后，我们会提醒父李的身份

在点击jquery </li>上获取<li>标签的父ID

5 个答案: