javascript - jQuery UI Sortable - 获取当前移动的 div ID

Question

这个问题已经有答案了:

Get ID of dragged list item in a sortable jQuery (2 个回答)

已关闭 7 年前。

我正在尝试获取排序后的 div 的 ID。我目前的职位...

代码如下:

HTML

<div class="container">
    <div class="row">
        <div id="item1" class="col-md-4 red">1</div>
        <div id="item2" class="col-md-4 blue">2</div>
        <div id="item3" class="col-md-4 black">3</div>
    </div>
</div> 

Javascript:

<script>

$(document).ready(function() {

    $( ".row" ).sortable();
    $( ".row" ).disableSelection(); 

    $(".row").sortable({
        stop: function(event, ui) {
            alert("New position: " + ui.item.index());

        }
    });

});

</script>

如何获取 ID？

Answer 1

对于 jQuery UI，ui.item 是对象的实例。您可以通过以下方式直接访问它:

var id = ui.item.attr('id');

同样，您想要获得的其他任何东西。