JQuery: Accessing DOM elements in the same div as the clicked button

[Christophe Verré]

I'd like to what is the recommended way to achieve the following using JQuery. This is a very common situation, where I'm listing records, which have update/delete buttons. Something like this :

<div>
	Name: <input type="text" value="${record.name}" />
	<input type="button" value="delete" />
</div>

This div is inside a loop.
I set the onclick event of all delete buttons like this :

$(document).ready(function() {
	$(":button[value=delete]").click(function(src) {
		// How do I get the name from the text inside the same div ?
	});

What's the recommended way to get the value of the record name (input type="text") which is inside the same div as the button which was clicked ? Do I have to use an index in the loop and give unique ids to all my inputs ?

[Bear Bibeault]

I often use .closest() to find a common parent of the event target.

To find the div:

var parent = $(this).closest('div');    

(where this is the event target within the handler)

You can then use parent as the context of subsequent selectors.

[Christophe Verré]

closest ! That's what I need. Thank you Bear.