我怎样才能添加 '<input type="checkbox" checked> ' 属性到所有使用 jQuery 动态创建的列表项？

Question

我正在尝试从此处演示的无序列表项创建手风琴： https://codepen.io/abergin/pen/BaKVWd它非常简单而且正是我需要的，但是我需要能够附加一个 - <input type="checkbox" checked>我所有 li 元素的值。 我无法访问 HTML。

该列表显示在引导模式 iframe 内...

<div class="modal-body"><iframe id="researchiframe" name="display-frame" style="width:100%;height:600px;"></iframe></div>

我的列表代码如下。

<ul id="result_details" style="padding:0px">
// li elements are created dynamically here//
</ul>

我不知道该怎么做。

Answer 1

您将需要遍历所有<li>元素。 然后你可以使用append()在每个<li>标签后添加你想要的 HTML 。

 $('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>