¿Cómo encuentro elemento más próximo con jQuery

Question

tengo el siguiente código HTML:

<td> 
    <input type="text" size="40" value="" name="related_image" id="related_image"> 
    <input type="button" class="button addImage" value="Get image url"> 
</td> 
<td> 
    <input type="text" size="40" value="" name="alternative_image" id="alternative_image"> 
    <input type="button" class="button addImage" value="Get image url"> 
</td> 

necesito averiguar qué botón que haga clic, a continuación, añadir un poco de texto al campo de texto de entrada más cercano.
P. ej. si hago clic en el botón en el primer <td>, entonces necesito ingresar texto en el campo de texto related_image.

He tratado con el followin jQuery, pero no está funcionando: (. Estoy simplemente recuperar el nombre de entradas para las pruebas)

jQuery('.addImage').click(function() { 
    var tmp = jQuery(this).closest("input[type=text]").attr('name'); 
    alert(tmp); 
}); 

Creo que podría tener que usar find y/o siblings. Pero no estoy muy seguro de cómo.

Cualquier ayuda apreciada.

EDITAR

simplemente me las arreglé para utilizar el código
addImageEvent = jQuery(this).prevAll("input[type=text]:first")

Es usar prevAll una mala elección?

Answer 1

Probar:

var tmp = $(this).siblings(":text").attr("name"); 

TheEl métodoque está utilizando encuentra el ancestro más cercano, que no es lo que desea aquí.

Answer 2

.closest() encuentra uno de los padres, en este caso es necesario .siblings(), así:

jQuery('.addImage').click(function() { 
    var tmp = jQuery(this).siblings("input[type=text]").attr('name'); 
    alert(tmp); 
}); 

O si el formato es siempre consistente como tu ejemplo, sólo tiene que utilizar .prev(), así:

jQuery('.addImage').click(function() { 
    var tmp = jQuery(this).prev().attr('name'); 
    alert(tmp); 
}); 

Answer 3

Aquí es una aplicación 'más cercano' que tiene como objetivo descendientes en lugar de los padres:

$.fn.nearest = function(selector) { 
    var nearest, node = this, distance = 10000; 
    node.find(selector).each(function(){ 
     var n = $(this), 
      d = n.parentsUntil(node).size(); 
     if (d < distance) { 
      distance = d; 
      nearest = n; 
     } else if (d == distance) { 
      nearest.add(this); 
     } 
    }); 
    return nearest; 
};