jquery - 如何获取拖动项ID

Question

我有拖放脚本 - 我正在使用jquery可排序代码。

如何获取拖动项ID和放置区ID？ ...................

JQUERY

..............

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
    $( function() {
        $( ".dropZone" ).sortable({
            revert: true
        });

        $( ".attrac" ).draggable({
            connectToSortable: ".dropZone",
            helper: "clone",
            revert: "invalid"
        });

        $( "ul, li" ).disableSelection();


    } );


</script>

HTML

.......................

<div class="col-md-5 row mt20" style="border: 1px solid blue; min-height: 200px">

    <div class="panel panel-info attrac ui-widget-content" id="attrac3" >
        <div class="panel-heading">The Tower of David Museum</div>
        <div class="panel-body">one of Jerusalem’s most well-known national heritage sites and it </div>
    </div>

    <div class="panel panel-info attrac ui-widget-content" id="attrac4" >
        <div class="panel-heading">Masada</div>
        <div class="panel-body">This Herodian fortification o</div>
    </div>

</div>


<div class="col-md-5 dropZone" id="sec1" >

</div>

<div class="col-md-5 dropZone" id="sec2" >

</div>