使用document.activeElement获取所选li内img的ID

Question

这是我的HTML代码

<li id="liButton_1" tabindex="2" class="activeli">
<a onclick="ShowVideo('1');">
    <img id="ImageButton_1" title="Sister Teresa's Talk (Malayalam)" alt="Sister Teresa"
    s="" talk="" (malayalam)
    '="" src="http://www.braddockinfotech.com/demo/dvnonline/vod/timthumb/timthumb.php?src=wp-content/uploads/2012/11/Sr.-Teresa.jpg&amp;h=54&amp;w=109&amp;zc=1&amp;a=c" class="active"></a></li>

确定，当选择此li时，可以像document.activeElement一样访问它。 如何选择id的的img内li使用document.activeElement。（一些东西）

Answer 1

如果您将li参考作为活动元素

var activeEle = document.activeElement;
var imageID = activeEle.getElementsByTagName("img")[0].getAttribute("id");

Answer 2

使用jQuery非常简单

$("#liButton_1").click(function(){
  var img_id = $("#liButton_1 a img").attr('id');
});

尚未测试，但希望能奏效