While Through DOM

Benchmark created by Eddie on October 21, 2011

Preparation HTML

<div id="end" class="ui-btn">
<div class="ui-btn ui-disabled">
<div class="ui-btn ui-disabled">
<div class="ui-btn ui-disabled">
<div class="ui-btn ui-disabled">
<div class="ui-btn ui-disabled">
<div class="ui-btn ui-disabled">
<div class="ui-btn ui-disabled">
<div class="ui-btn ui-disabled">
<div class="ui-btn ui-disabled">
<div class="ui-btn ui-disabled">
<div><div><div><div><div><div><div><div><div><div>
<button id="start">Start</button>
</div></div></div></div></div></div></div></div></div></div>
</div></div></div></div></div></div></div></div></div></div>
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Setup

var el = document.getElementById('start');

Test runner

function closestEnabledButton( element ) {
        var $ele;
        while ( element ) {
                $ele = $( element );
                if ( $ele.hasClass( "ui-btn" ) && !$ele.hasClass( "ui-disabled" ) ) {
                        break;
                }
                element = element.parentNode;
        }
        return element;
}
closestEnabledButton( el );

function closestEnabledButton( element ) {
    var cname;
    
    while ( element ) {
        cname = element.className.split(' ');
        if ( cname.indexOf( "ui-btn" ) > -1 && cname.indexOf( "ui-disabled" ) < 0 ) {
            break;
        }
        element = element.parentNode;
    }
    
    return element;
}

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

• Revision 1: published by Eddie on October 21, 2011
• Revision 2: published by Ghislain on October 21, 2011
• Revision 3: published by Eddie on October 21, 2011
• Revision 4: published by Eddie on October 21, 2011