Tengo la siguiente tabla y quiero que la imágen en el td anterior se elimine para crear uno nuevo cuando doy click a un elemento en un td que está al lado de ella, que es el boton con clase "replace".
<table>
<tr>
<td>
<img src="picture.png" class=" c1 c2, c7">
</td>
<td>
<button class="replace">Reemplazar imagen</button>
</td>
<td>
<img src="picture.png" class=" c1 c2, c7">
</td>
<td>
<button class="replace">Reemplazar imagen</button>
</td>
</tr>
<tr>
<td>
<img src="picture.png" class=" c1 c2, c7">
</td>
<td>
<button class="replace">Reemplazar imagen</button>
</td>
<td>
<img src="picture.png" class=" c1 c2, c7">
</td>
<td>
<button class="replace">Reemplazar imagen</button>
</td>
</tr>
<tr>
<td>
<img src="picture.png" class=" c1 c2, c7">
</td>
<td>
<button class="replace">Reemplazar imagen</button>
</td>
<td>
<img src="picture.png" class=" c1 c2, c7">
</td>
<td>
<button class="replace">Reemplazar imagen</button>
</td>
</tr>
</table>
Alguna idea, intente con prev(), pero no pude, tal vez podría hacerlo asignándole clases y eliminarlas así, pero tengo pensado en hacerlo dinámico más adelante con datos reales.
Lo que he intentado:
$('.replace').prev('td').closest('img').remove(); //no funciona
$('.replace').closest('img').remove(); //no funciona
$('.replace img').prev().remove(); //no funciona
$('.replace').prev('img').remove(); //no funciona
$('.replace').parents('tr').find('img').remove(); //si funciona pero me elimina todas las imagenes de la fila en los td