Soy completamente nuevo en Javascript/Jquery y tengo un problema.
Supongamos que en mi página html tengo un número (indefinido) de clase para pasar el mouse (cuando paso el mouse sucede algo). Aquí pongo 2 ejemplos.
<div class='hover' id='hov33749'>Wikipedia</div> <div class='hover' id='hov32747'>Google</div>Cómo :
Traté de poner una identificación aleatoria y poner algunas expresiones regulares, pero no funciona bien
Os doy las gracias de antemano
Dado que está comenzando con JavaScript, le sugiero que se abstenga de JQuery por ahora y comprenda cómo funciona el lenguaje en sí.
El siguiente código agrega un eventListener a todos los elementos con class hover , cuya funcionalidad está en el método onHover
const onHover = (e) => { const id = e.target.id; const text = e.target.textContent; console.log(id, text); } const hover = document.querySelectorAll(".hover"); hover.forEach(item => item.addEventListener("mouseover", onHover)); <div class='hover' id='hov33749'>Wikipedia</div> <div class='hover' id='hov32747'>Google</div>Consulte la documentación de JQuery .hover()
$(".hover").each(function(){ $(this).hover(function(){ // Do something ... console.log("Text: " + $(this).text() + ", Id: " + $(this).attr("id")); }); });