如何从拖放中获取“li”数字
例子,

<ol>
    1. <li>A</li>
    2. <li>B</li>
    3. <li>C</li>
    4. <li>D</li>
    5. <li>E</li>
</ol>

这个数就是固定li数的例子,如果我拖放li,得到固定li数
<ol>
    1. <li>E</li>
    2. <li>C</li>
    3. <li>B</li>
    4. <li>D</li>
    5. <li>A</li>
</ol>

结果是:
E is||= 1
C is||= 2
B is||= 3
D is||= 4
A is||= 5

我试图使用此代码,但仍然得到'-1'
var index = $(this).parent('ol').index();

我从这次活动中得到了李的号码
onDrop: function ($item, container, _super, event) {
      item.removeClass(container.group.options.draggedClass).removeAttr("style")
      $("body").removeClass(container.group.options.bodyClass)
      var index = $(this).parent('ol').index();
      $( ".number" ).text( "That was div index #" + index );
},

谢谢

最佳答案

工作示例(获取更新li原始和更改的索引):-

$(function() {
    $( "#sortable" ).sortable({
        update: function(event, ui) {
            console.log('update: '+(ui.item.index()+1))
        },
        start: function(event, ui) {
            console.log('start: ' +(ui.item.index()+1))
        }
    });
    $( "#sortable" ).disableSelection();
});

ol li {
  background-color:green;
  border:2px solid black;
  margin:10px;
  color:white;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"><script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<ol id="sortable">
    <li>A</li>
    <li>B</li>
    <li>C</li>
    <li>D</li>
    <li>E</li>
</ol>

关于javascript - 如何使用jQuery获取李数,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/43751965/

10-12 13:08
查看更多