Buenas,
Tengo una tabla estilo:
<table>
<tr><td>algo</td><td>algo</td><td><div id=""> oculto </div></td></tr>
<tr><td>algo2</td><td>algo2</td><td><div id=""> oculto2 </div></td></tr>
<tr><td>algo3</td><td>algo3</td><td><div id=""> oculto3 </div></td></tr>
...
</table>
Necesito que, capturando un evento mouseenter o mouseup en cada tr, me muestre el div oculto de la tercera celda (última en mi ejemplo).
me estoy lidando con los id's de cada unos de ellos.
he hecho lo siguiente:
$("document").ready(function () {
$("table tr").mouseenter(function (e) {
$(e.target:last-child).css("display", "block");
});
$("table tr").mouseleave(function () {
$(e.target:last-child).css("display", "none");
});
});
también he usado $(e.target div) y nada.
¿Se entiende no?
Saludos.