Entonces, como dice la pregunta, estoy tratando de desplazar el botón de clase 1 y obtener la identificación de 'css'. Con mi código actual, todo lo que obtengo es el id html. Necesito obtener una identificación única que sea pertinente para el botón que desplazo. Todavía soy más nuevo en jquery y javascript en general, pero parece que no puedo encontrar ninguna información sobre este tema, por lo que cualquier fuente de referencia también sería excelente si es posible.
Aquí está mi código:
<div class="button1"> <div class="text"> <p>Skill<br /> <span class="Score" id = "html">10/10 </span> </p> </div> <div class="button1 Overlay"> </div> <div class="button1"> <div class="text"> <p>Skill<br /> <span class="Score" id = "css">9/10 </span> </p> </div> <div class="button1 Overlay"> </div> </div> ('.button1').mouseover(function(event) { $(".text").attr('id'); })Con su código actual no obtiene nada, ya que .text no tiene ID y el resultado nunca se usa. Use $(this).find('.Score').attr('id') [1] .
Tenga en cuenta algunas correcciones de errores:
('.button1').mouseover $.button1 (el primero no está correctamente cerrado, use la sangría adecuada para facilitar la depuración), por lo que es imposible encontrar un solo elemento, porque se desplaza sobre la mayoría de los elementos $('.button1').mouseover(function(event) { console.log($(this).find('.Score').attr('id')) }) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="button1"> <div class="text"> <p>Skill<br /> <span class="Score" id="html">10/10 </span> </p> </div> <div class="button1 Overlay"> </div> </div> <div class="button1"> <div class="text"> <p>Skill<br /> <span class="Score" id="css">9/10 </span> </p> </div> <div class="button1 Overlay"> </div> </div>