Tengo un input
cuyo atributo tiene un valor recibido de la base de datos.
Cuando en la base de datos existen distintos valores, pues se recorre el array y se insertan en el HTML
las tablas con sus input
necesarios y los valores de sus atributos son los que trae la base de datos, cada input
va dentro de una tabla. Sería de esta forma:
<table class="table-st" onmouseover="idEvento()">
<tr>
<td><input class="data-id" type="hidden" idvento='+arrayPartido[i].idEvento'></td>
</tr>
</table>
De forma que si existen en la base de datos 3 registros en el campo idEvento, el HTML
quedaría así (cada input
iría dentro de una tabla distinta con igual clase):
<input class="data-id" type="hidden" idvento='+00001'>
<input class="data-id" type="hidden" idvento='+00002'>
<input class="data-id" type="hidden" idvento='+00003'>
El problema que tengo es que ahora quiero crear un evento en el cual cuando se pase el ratón por encima de cada tabla se muestre el valor de idvento
en una alerta. Pero resulta que al pasar el ratón por encima de cualquiera de las tres tablas siempre me aparece el valor de la primera, en el ejemplo de arriba sería idvento=00001
y yo quiero que aparezca su valor correspondiente según la tabla por la que se pase el cursor.
Adjunto el código Javascript
que he utilizado:
function idEvento(){
var id = $('input.data-id').attr('idvento')
alert(id);
}
Cómo podría hacer para que al pasar el cursor hiciera lo que pido? Muchas gracias de antemano. Un saludo