javascript - 跳过禁用的 li/a

Question

简单问题:我有一个时间栏，在一里内有一个禁用的 a。我想使用上一个和下一个按钮单击时间栏。那很好用。问题是跳过禁用的“0”按钮。当时间栏是 f.e. “6”和下一个按钮被点击，他应该去“1”-Button。我尝试使用 not() 过滤类，但这对我不起作用:

pr.find('a.time:last:not("time.disabled")').addClass('active_fp');

这是我的 fiddle : http://fiddle.jshell.net/2mgj0cr2/44/

问候约翰

Answer 1

如果你想在开头和中间都支持disabled，那么试试

function follow() {
    var next = $('#timebar li a.active_fp').removeClass('active_fp').parent().nextAll(':has(a.time:not(.disabled)):first');
    if (next.length == 0) {
        next = $('#timebar a.time:not(.disabled):first').addClass('active_fp');
    }
    next.find('a').addClass('active_fp');
    var fp = next.find('a').attr('data-id');
    $('#text').html(fp);
}

演示:Fiddle