Question

i have an html page where i have a table of items (one item per row) where each item is a html link that says “Add” and there is a textbox next to each link with a number in it.

the text link and the textbox are in the same td inside the row of the table.

how do i, using jquery, capture the value from the textbox that is to the right of the link i click on.

Answer 1

You could give your link a class, then do this:

$("a.myClass").click(function() {
  alert($(this).next().val());
});

If you have a lot of links, or they’re dynamically added, change it a bit to use .live(), like this:

$("a.myClass").live('click', function() {
  alert($(this).next().val());
});

If you wanted to move the textbox around, have an element in-between, etc but it’s still the only input in the cell, you could change this: $(this).next().val() to something like this:

$(this).closest('td').find(':text').val()