0

私は以下を持っていますHTML

HTML

<ul id="sortable" class="ui-sortable">
    <li id="369833" class="ui-state-default">
    <li id="372915" class="ui-state-default">
    <li id="276520" class="ui-state-default" style="">
    <li id="373229" class="ui-state-default">
    <li id="373231" class="ui-state-default">
    <li id="373253" class="ui-state-default">
</ul>

<li>要素を並べ替えることはできますが、<li>並べ替える特定の位置を知る必要があります。

例

コンソールに入れると、の数が$("#sortable").find("li").size()返されます。この場合は6です。しかし、これが私の内部にある373231のような特定の位置をどのように知ることができますか？彼は私の5番目の要素であるため、私が望むリターンは5番です。<li><ul><li><li>id<li><ul><li><ul>

アップデート

私の機能

$(function () {
    $("#sortable").sortable({
        stop: function (event, ui) {
            debugger;

            // Getting a WRONG Position
            alert($(this).index());
        }
    });

    $("#sortable").on("sortstop", function (event, ui) {       

        // Getting a WRONG Position                         
        alert($(this).index());
    });

    $("#sortable").disableSelection();
});
4

2 に答える 2

3

index（）を使用できます。これはゼロベースであるため、要素などを取得0します。first1second

ライブデモ

$('#373231').index()
于 2012-12-13T12:50:08.553 に答える
1

jquery index（）は、ここで必要なものです。

$(selector).index().

あなたの場合

$('#369833').index(). //will give u 0
$('#372915').index(). //will give u 1

編集済み

のインデックスを取るui.item

alert(ui.item.index());

彼女はフィドルです

于 2012-12-13T12:55:23.603 に答える