如何从拖放中获取“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/