Question

I have an ASP.NET repeater, which contains 3 divs inside the ItemTemplate.

Each div, in turn has a number of html elements. I would like to reference an element in the first div (the 3 divs are placed vertically and parallel to each other from left to right).

I have a button in the 3rd div. When pressed, I want to be able to select an element which is contained within the first div.

This is the code I’ve got so far:

$("#editButton").click(function () {
     var nameBox = $(".nameBox", $(this).parent());
            });

I’m not really sure how to select the element within the first div though. Could anyone kindly suggest some code please?

Answer 1

Just get the siblings and find the element with the class name.

Assuming your markup is like this:

<div>
    <div class="namebox">found me</div>
</div>
<div>
</div>
<div>
    <input type="button" id="btn" value="click"/>
</div>


$("#editButton").click(function () {
     var nameBox = $(this).parent().siblings(':eq(0)').find('.nameBox');
});

jsFiddle Example