Estoy tratando de crear un acordeón a partir de los elementos de mi lista desordenada de la demostración aquí: https://codepen.io/abergin/pen/BaKVWd es realmente simple y justo lo que necesito, sin embargo, necesito poder adjuntar un - <input type="checkbox" checked> valor para todos mis elementos li. No tengo acceso al HTML.
La lista se muestra dentro de un iframe modal de arranque...
<div class="modal-body"><iframe id="researchiframe" name="display-frame" style="width:100%;height:600px;"></iframe></div>El código de mi lista está abajo.
<ul id="result_details" style="padding:0px"> // li elements are created dynamically here// </ul>No estoy seguro de cómo hacer esto.
Deberá recorrer todos los elementos <li> . Luego podría usar append() para agregar el HTML que desee después de cada etiqueta <li> .
$('ul#result_details li').each(function(index) { $(this).append('<input type="checkbox" checked>'); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <ul id="result_details" style="padding:0px"> <li></li> <li></li> <li></li> </ul>