javascript - 使用 jquery 双击图像时是否可以获取 div/img 的 ID？

Question

现在我有一个显示图像的 html 页面。请注意，div 仅包含 1 个图像文件:

<div="div_1"><img id = "img_1" src = '....' /></div>

我想实现的是当用户双击 div 时，通过 jquery/js 获取 "div_1"或 "img_1"。更好的方法是获得 "1"。是否有可能实现/任何功能都可以帮助实现这一目标？

谢谢

更新:

现在的Html代码是这样的

<div class="turn-page-wrapper" page="2" style="position: absolute; overflow: hidden; width: 28.5px; height: 37px; top: 0px; left: 0px; right: auto; bottom: auto; z-index: 6;">
<div style="position: absolute; top: 0px; left: 0px; overflow: hidden; z-index: auto; width: 47px; height: 47px;">
<div id="div_2" class="turn-page p2" style="width: 28.5px; height: 37px; -webkit-transform-origin: 0% 0%; position: absolute; top: 0px; left: 0px; bottom: auto; right: auto;">
<img id="img_2" src="demo/medium/Web081112_P002_medium.jpg" alt="flip book">
</div>
</div>
</div>

我的情况似乎不是那么简单，当我使用 var id = $(this).attr("id"); 它返回页面作为结果。如果我的情况不允许我获取页面的属性，图像的ID，那么这意味着我无法获取单个图像的实际ID？谢谢

最新(仅剩 1 个瑕疵!)

$("div.turn-page").dblclick(function() {
var id = this.id;
num = id.split("_")[1];
alert (num);
});

目前我正在使用它来获取 id ，但是对于最后的结果(不可打开)，当我双击它时它没有响应或做任何事情。但它应该可以工作，因为那里的类(class)是翻页 p7 吗？

   <div class="turn-page-wrapper" page="7" style="position: absolute; overflow: hidden; width: 609.5922459893047px; height: 793px; top: 0px; right: 0px; left: auto; bottom: auto; z-index: 6;">
    <div style="position: absolute; top: 0px; left: 0px; overflow: hidden; z-index: auto; width: 1000px; height: 1000px;">
    <div id="div_7" class="turn-page p7" style="width: 609.5922459893047px; height: 793px; position: absolute; top: 0px; left: 0px; bottom: auto; right: auto;">
    <img id="img_7" src="demo/medium/Web081112_P007_medium.jpg" alt="flip book">
    </div>
    </div>
    <div style="top: 0px; left: 0px; overflow: hidden; z-index: 1; width: 610px; height: 793px;">
    </div>
    </div>

Answer 1

您可以在 javascript 中执行此操作:

document.getElementById("div_1").children[0].id

这将返回“div_1”div 的第一个子元素的 id