• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

187
Vistas
Jquery .cada iteración devuelve demasiados valores

Estoy iterando a través de los siguientes conjuntos de elementos li para recuperar el atributo de texto destacado de datos y devolverlo en formato HTML.

Cada elemento de la lista expandida obtiene la clase og-expandida. Estoy tratando de recuperar el atributo de datos de solo la lista con la clase expandida, pero cada vez que ejecuto mi jquery, devuelve los atributos de todos los elementos de la lista.

 $(".link-text").each(function(i) { var text = $(this).data('featuredtext'); $(".og-featured__links").append(text).html(); console.log(text); });
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <li style="transition: height 350ms ease 0s; height: 275px;" class="og-expanded"> <a data-largesrc="https://7162402.fs1.hubspotusercontent-na1.net/hubfs/7162402/Digication%20Website%202022/How%20It%20Works%20Page/Writing%20Across%20the%20Curriculum.png" data-title="Writing Across the Curriculum" data-description="2 - This is a description. Just a description. More to come. This is a description. Just a description. More to come. This is a description. Just a description. More to come."> </a><a class="link-text" data-featuredtext="<h6>Case Study</h6>" href="https://digication.com/case-2-study"></a> <a class="link-text" data-featuredtext="<h6>Examples</h6>" href="https://digication.com/examples-2"></a> <a class="link-text" data-featuredtext="<h6>Resouces</h6>" href="https://digication.com/resources-2"> <img src="https://7162402.fs1.hubspotusercontent-na1.net/hubfs/7162402/Digication%20Website%202022/How%20It%20Works%20Page/Thumbnails/Writing%20Across%20the%20Curriculum.png" alt="How Digication works - Writing Across the Curriculum" loading:="" "lazy"=""> <div class="meta__thumbnail"> <h3><div id="hs_cos_wrapper_module_16530649813223_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_text" data-hs-cos-field="thumbnail_title">Writing Across the Curriculum</div> </h3></div> </a> </li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li>

Necesito una mejor manera de iterar con jquery que no devuelva atributos de datos de todos los elementos de la lista, sino solo el que tiene la clase .og-expandida.

about 3 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda