javascript - JQuery Click - 激活父级

Question

<div class="myShips" id="161">
       <img src="img/ships/red/sc.png" id="Ship161" 
         style="-webkit-transform:     rotate(45deg);">
       <div class="hpBarRed"><div class="hpBarGreen" style="width:15px;">
       </div></div>    
</div>

我希望有一个 JQ 点击功能，它将对我点击的 .myShips div 的 ID 做一些事情。但是，div 内的图像与该 div 的大小相同，因此位于它的上方。所以基本上我希望能够单击该 div 中的任何位置并激活该功能(警报和追加仅用于测试):

$( '.myShips' ).click(function() {
    $("#hello").append("/*/");
    //alert($(this).attr('id'));
});

我尝试在 .myShips 类中放置一个更大的 z-index，但这没有用。我最好的选择是什么？我是否必须为图像添加另一个类，然后调用可能的 2 个函数中的 1 个？

编辑:问题在于绝对定位。 .myShips 位于另一个绝对定位的 div 中。我为点击添加了相同的功能，但对于所有被点击的 div。因此，当我单击一个图像时，它的 ID 不会被提醒，.myShips id 也不会被提醒，但它的父 id 会被提醒，然后另外 2 个作为其父级的 div 会被提醒。所以我认为问题在于position:absolute

Answer 1

确保图像不是 <img src="img/ships/red/sc.png" id="Ship161" />未设置为绝对位置。

那是我如何看待这个问题的唯一方法。