jQuery - How to select the first parent of an element and add a new class "testclass"

Question

Hello all,

<li id="ll">
    <li id="li_1" >
        <label class="description" for="element_1">First Name </label>
        <div>
            <input id="element_1" name="element_1" class="element text medium" type="text"/> 
        </div> 
    </li>
</li>

Given element 'element_1', how to select its first parent with tag name as li?

Thank you

Answer 1

$('#element_1').closest('li').addClass('testclass');

Answer 2

$('#element_1').closest('li').addClass('testclass');

assuming you're using jQuery 1.3+ and element_1 is an ID.

jQuery < 1.3 should look like

$('#element_1').parents('li').addClass('testclass');

Reference: .closest(), .parents()