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.