Question

目前我已经在里面写了一个包含个别有序列表的表。然而问题是当我使用jquery获取索引时，我得到一个连续数字的索引。我希望有人能够协助我为每个有序列表重新启动此号码。我试过但它没有用。下面提到的是我的代码。提前致谢

<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>

Answer 1

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

您可以在上面的示例中将上下文也称为$（this）.parent（）。

我在发布更新之前还创建了http://jsbin.com/welcome/22907/edit。希望这会有所帮助。

有序列表无法重新启动

1 个答案: