Jquery - e.targetからネストされたDIVのIDを取得するにはどうすればよいですか？

Question

このコード：

$('.grid-stack').on('resizestop', function(e) { 
     var element = e.target; 
     console.log(element); 
}); 

出力：

<div class="grid-stack-item ui-draggable ui-resizable ui-resizable-autohide" data-gs-x="0" data-gs-y="2" data-gs-width="7" data-gs-height="2"> 
       <div class="grid-stack-item-content ui-draggable-handle"> 
        <div class="box-prop top-widget" data-sortable-id="cars-sold-minute" id="cars-sold-minute-block"> 
         <i class="fa fa-times close-x" aria-hidden="true" style="display: none;"></i> 
         <div class="single-pie"> 

にconsole.logへ。私はjqueryを使って車の売り分ブロックであるが、成功していないIDを取得しようとしています。イベントターゲットの使用時にIDを取得するにはどうすればよいですか？

編集：IDの名前を付けたくありません。これは、さまざまな要素が異なるためです。第二引数はCTX（親）です

Answer 1

次の2つの引数を指定して$を使用し、より多くのパフォーマンスを実現するための要素のクラス

$('.grid-stack').on('resizestop', function(e) { 
     var element = e.target; 
     var id = $(element).find('.box-prop.top-widget').attr('id'); 
     console.log(element); 
}); 

Answer 2

によってそれを得ることができます： `

$('.grid-stack').on('resizestop', (e)=> { 
     let element = e.target; 
     var id = $('.box-prop.top-widget',element).attr('id'); 
     console.log(id); 
});