javascript - 使用 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。如何使用 document.activeElement.(some thing)选择里面id的imgli

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');
});

未经测试，但希望会奏效