Javascript 单击时识别标记的子项

这是我的代码，点击span内的图像，我想找到所有孩子的id孩子，孙子，伟大的孙子等等。如果你能回答我的疑问，这将是非常有帮助的。也就是说，当我单击根节点的映像时，应该检索映像所属的所有子节点、孙子节点和大孙子节点的id。我希望在单击映像时严格执行此操作。

工作

使用获取某个元素的所有子元素：

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

---

我看不到代码中任何元素的id属性仅供参考您有一个未关闭的标记您可能是指图像所有父项的id吗？“你的img标签没有孩子。”安德鲁，我想问题已经很清楚了。

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

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