Necesito llamar a cierta función de JavaScript cuando haga click en un icono que está dentro de un td, pero los parámetros que quiero pasarle a esa función son los datos del elemento padre del que hice click.
He intentado con esto:
function hola(este) {
document.getElementById("demo").innerHTML = este.id;
}
<p>Click the button to trigger a function.</p>
<table>
<td id="casita">
<i onclick="parent.hola(this)">@</i>
</td>
</table>
<p id="demo"></p>
Lo leí en un post de stackoverflow en inglés, pero no me funciona. Lo que estoy intentando es hacer ese innerHTML con la id del td, que sería "casita"
, pero no logro pasar los datos de ese td mediante el onclick en el icono.
Es muy necesario llamar a la función al hacer click en el icono y no en el td. He intentado con <i onclick="hola(this.parent())">@</i>
pero tampoco da resultado.
¿Alguien conoce la manera correcta de hacerlo?