javascript - 单击父元素时获取子元素的 id

Question

您好，我看过类似的帖子，但没有人回答我想要完成的任务我在这里做了一个样本 http://jsfiddle.net/edgardo400/R6rVJ/

我基本上想要的是，当父级发生点击时，您可以获得子级的 id并将其存储在一个变量中，这样我就可以将变量 currentID 传递给下面的代码，否则我将不得不为从 box1 到 box9 的每个 id 复制此代码 9 次

 jQuery(currentID).delegate("a", "hover", function(event){

        var $img = jQuery(this).parent("li").find('img');
        var image = jQuery(this).attr('data-img');
         jQuery('.defaultimg').stop(true, true).fadeOut();
        if( event.type === 'mouseenter' ) {

            if($img.length){
                $img.show();

            }else{
                jQuery(this).parent("li").append('<img id="theImg" src="' + image + '" />');
            }

        }else{
            if($img){
              $img.hide();  
            }
             jQuery('.defaultimg').stop(true, true).fadeIn();
        }
    });
});

Answer 1

$('#boxes').on('click', function(e) {
    var currentID = e.target.id;
    console.log(currentID);

......rest of code