如何添加'<输入类型＝";复选框";选中>'属性到所有使用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>