如何添加“<输入类型=”复选框”检查了>'属性到所有 li 使用 jQuery 动态创建的列表项？

发布于 2025-01-11 09:49:33 字数 615 浏览 0 评论 0 原文

我正在尝试从演示中的无序列表项目创建一个手风琴： https://codepen.io /abergin/pen/BaKVWd 它非常简单，正是我所需要的，但是我需要能够附加一个 - 值致我所有的李元素。我无权访问 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>

我不知道该怎么做。

原文

I am trying to create an accordion from my unordered list items from the demo here: https://codepen.io/abergin/pen/BaKVWd it's really simple and just what I need, however I need to be able to attach a - <input type="checkbox" checked> value to all my li elements. I do not have access to the HTML.

The list is displayed inside a bootstrap modal iframe...

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

My list code is below.

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

I'm not sure how to do this.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

红墙和绿瓦 2025-01-18 09:49:33

您需要循环遍历所有

元素。然后，您可以使用 append() 在每个

标记后添加所需的 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>

You will need to loop through all <li> elements. Then you could use append() to add the HTML you want after each <li> tag.

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

回复收藏 0 原文

~没有更多了~