0

現在、私は個々の順序付きリストを含むテーブルを作成しました。ただし、問題は、jqueryを使用してインデックスを取得するときに、連続数のインデックスを取得することです。誰かが私が注文したリストごとにこの番号を1に戻すのを手伝ってくれることを願っています。試しましたが、うまくいきませんでした。以下に私のコードを示します。前もって感謝します

<tr>
<td>
    <ol start="1" class="selectable">
        <li class="ui-widget-content">0800 - 0830</li> 
        <li class="ui-widget-content">0830 - 0900</li>
    </ol>
</td>
<td>
    <ol start="1" class="selectable">
        <li class="ui-widget-content">0800 - 0830</li> 
        <li class="ui-widget-content">0830 - 0900</li>
    </ol>
</td>


<script>
$(function() {
    $( ".selectable" ).selectable({
        stop: function() {

            $(".selectable li").css({"background":"white","color":"black"});

            var result = $( "#select-result" ).empty();
            var bookingHours = $( "#booking-hours" ).empty();
            var bookingPeriod = [];
            var count = 0;


            $( ".ui-selected", this ).each(
                function() {
                    $( this ).css({"background":"#F39814","color":"white"});
                    var index = $( ".selectable li" ).index( this )+1;
                    bookingPeriod[count] = index;
                    count++;
                }
            );
            bookingHours.append( (count*0.5) + " Hours" );

            var bookingFrom = bookingPeriod[0];
            var bookingTo = bookingPeriod[bookingPeriod.length-1];

            result.append( ( bookingFrom ) + " to " + ( bookingTo ) );
        }
    });
});
</script>
4

1 に答える 1

0 
var index = $( ".selectable li", $(this).parent() ).index( this )+1;

上記の例では、コンテキストを $(this).parent() として言及することもできます。

投稿を更新する前にhttp://jsbin.com/welcome/22907/editも作成しました。それが役立つことを願っています。

于 2012-09-14T12:22:45.317 に答える