jQuery select elements not nested in given parent

by Dan McCoy

HTML

<div>
    <input type="checkbox" />
    <label>Some unrelated checkbox</label>
</div>
<div checkboxddl="true" class="baz">
    <table>
        <tr>
            <td>
                <span>
                    <input type="checkbox" />
                    <label>List Option 1</label>
                </span>
            </td>
        </tr>
        <tr>
            <td>
                <span>
                    <input type="checkbox" />
                    <label>List Option 2</label>
                </span>
            </td>
        </tr>
        <tr>
            <td>
                <span>
                    <input type="checkbox" />
                    <label>List Option 3</label>
                </span>
            </td>
        </tr>
    </table>            
</div>    

<div>
    <input type="checkbox" />
    <label>Another unrelated checkbox</label>
</div>

JavaScript

jQuery.expr[':'].isDescendantOf = function(a,i,m){
    return jQuery(a).parents(m[3]).length >= 1;
};

$("label").filter(':not(:isDescendantOf(div[checkboxddl]))').css("color","green");;