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（孩子，大孩子，大孩子等）。如果你能回答我的疑问，那将会非常有帮助。那就是当我点击根节点的图像时，应该检索所有孩子，大孩子和大孩子的id。图片属于我。我想在我点击图片时严格工作。

Answer 1

工作JSFIDDLE

$('img').on('click',function(){
   $(this).closest('li').find('img').each(function(){
      alert($(this).attr('id'));
   });
});

Answer 2

使用find() method获取某个元素的所有后代：

$("img").on("click",function() {
    var children = $(this).closest("li").find("*");
    console.log(children);
});

JSFiddle Demo

单击</li>标识<li>标记的子项

2 个答案: