文章/答案/技术大牛

发布

社区首页 >问答首页 >删除复选框及其对应的列表标记

问删除复选框及其对应的列表标记
EN

Stack Overflow用户

提问于 2021-01-04 06:40:27

回答 1查看 33关注 0票数 0

我想使用jquery或javascript从无序列表中删除输入及其列表标记。我单击一个按钮进行ajax调用，以获取要删除的输入，并根据ajax调用中的数据删除复选框。ul是引导列表组

html文件

<ul class="list-group" id="item_list">
    <li class="list-group-item">
        <input class="form-check-input me-1" name="item" type="checkbox" value="item">item
    </li>
</ul>

以下是我尝试过的方法

main.js

success: function (data) {
    $('#item_list :checkbox[value=' + data['item_to_del'] + ']').remove();
}

这只删除了复选框，输入标签和列表标签仍然在那里，所以在ul中有一个标签仍然存在的空框。如何删除整个列表标签？

javascript

html

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-01-04 06:42:03

找到<input>后，向上导航到其父对象以删除<li>及其子对象：

$('#item_list :checkbox[value=' + data['item_to_del'] + ']')
  .parent()
  .remove();

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/65555663

复制

相似问题

问删除复选框及其对应的列表标记
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问删除复选框及其对应的列表标记EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问删除复选框及其对应的列表标记
EN