如何在jQuery中获取元素的Id可排序

时间:2017-08-22 06:54:45

标签: javascript jquery jquery-ui

我面临的问题是获取在排序时移动的元素的id。 E.g。

        <li id ="test1">First</li>
        <li id ="test2">Second</li>
        <li id ="test3">Third</li>
        <li id ="test4">Fourth</li>

所以如果我们将First拖到第三。我需要&#34; First&#34;和&#34;第三&#34;所以现在我能够得到&#34; First&#34;这是test1,但我无法得到&#34;第三&#34;这是test3我需要这些id,所以我可以更新后端的订单号。

1 个答案:

答案 0 :(得分:1)

您可以在内部更新或更改事件回调,您可以执行此操作:

$( "#sortable" ).sortable({
  update: function( event, ui ) {
    var id = ui.item.attr("id");
    alert('In update:' + id);
  },
  change: function( event, ui ) {
    var id = ui.item.attr("id");
    alert('In change:' + id);
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<ul id="sortable">
  <li id="test1">First</li>
  <li id="test2">Second</li>
  <li id="test3">Third</li>
  <li id="test4">Fourth</li>
</ul>