js笔记通过jquery remove方法怎么删除一个div中被选中的checkbox和它后边的值？

dev_hui

于 2018-08-23 13:05:22 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Front-end Technology 文章标签： jQuery

本文链接：https://blog.youkuaiyun.com/HSH205572/article/details/81979025

Front-end Technology 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种在HTML结构中精确删除带有输入标签的元素及其后跟随的文本值的方法，通过包裹额外的标签并使用jQuery进行选择和删除，实现更精细的DOM操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class="add_label_tree" id="added_labels">
    <input type="checkbox" class="addedLabels" value="0">666
    <input type="checkbox" class="addedLabels" value="1">777
</div>

需求：删掉上面demo的input标签及其后边的值。

解决思路一般直接调用 remove()方法只能删掉<input type="checkbox" class="addedLabels" value="0"> ,要想将后边的值也删掉，可以在<input type="checkbox" class="addedLabels" value="0"> 外面套上一层标签如：<li>,<label>等，如下：。

<div class="add_label_tree" id="added_labels">
    <li><input type="checkbox" class="addedLabels" value="0">666</li>
    <li><input type="checkbox" class="addedLabels" value="1">777</li>
</div>

这时我们再通过

var checkedObj = $('#added_labels input:checkbox:checked');
checkedObj.parent('li').remove();

即可删掉被选中的checkbox和它后边的值。

js笔记 通过jquery remove方法怎么删除一个div中被选中的checkbox和它后边的值？

js笔记通过jquery remove方法怎么删除一个div中被选中的checkbox和它后边的值？