点击子元素的时候怎样才能得到父元素的id

代码如下
复制代码

 #big{
            width:200px;
            height:200px;
            background-color: red;
            z-index:1000;
        }
        #small{
            width:100px;
            height:100px;
            background-color:blue;
        }


    <div id='big'>
        <div id='small'></div>
    </div>

$('#big').click(function(e){
    console.log(e.target.iddaim);
})

复制代码
现在点击small区域的时候是出现‘small’怎么样才能扑捉到父元素的id呢 打印id为big

 $('#big').click(function(e){//this就是big元素
    console.log(this.id,e.target.id);
})

console.log($(this).attr("id"));

$('#small').off('click').on('click', function(){
    var parentId = $(this).parent().attr('id');
})