2025-09-08 17:47:09清空或删除html标签

一.新增及删除标签

新增拼接的html标签：

AddGroupId:function(){ var groupId=$('#groupId2').val().trim(); var groupName=$('#groupId2').find('option:selected').text(); var v_content = "

"+groupName+" "+ "删除

"; $("#groupIdList1").append(v_content); //$("#selected").append(v_content);},点击删除按钮，删除新增的html标签：

deleteGroupId:function(obj){ $(obj).parent().remove(); },

1.通过标签获取父节点，然后把包含该子节点的父节点一起删除。

二.网上查到的其他队友写的，清空及批量删除方法：

原文链接：https://blog.csdn.net/changqing5818/article/details/54313132/

清空输入框

$("form :input") 返回form中的所有表单对象，包括textarea、select、button等$("form input") 返回form中的所有input标签对象$(“form>input”) 选择所有指定“form”元素中指定的"input"的直接子元素

form input 是属于层级选择器(将每一个选择器匹配到的元素合并后一起返回)form :input是属于表单选择器(匹配所有、、<select>、<button>元素)</p> <p>清空操作:</p> <p>$('input', form).each(function(){ var type = this.type; var tag = this.tagName.toLowerCase(); if(tag == 'text' || tag == 'password' || tag == 'textarea') { this.value = ''; } else if (type == 'checkbox' || type == 'radio') { this.checked = false; } else if (type == 'select') { this.selectedIndex = -1; }});</p> <p>删除span标签方法1：根据id</p> <p>function removeSpan(){ var obj = document.getElementById("span1"); var parent = obj.parentNode; parent.removeChild(obj);//在这里通过父节点＋待删除节点对象来删除</p> <p>//下面是span自己删除自己，true表示连子节点也一起删除，本例是childspan,但是false的话自己和子节点多不会删除 //obj.removeNode(true); //另外如果使用了jquery，可以这么写： $(obj).remove(); }</p> <p>方法2：遍历form</p> <p>$('span', form).each(function(){</p> <p>$(this).remove();</p> <p>});</p> </p> <div class="pnext"> <p><a href="/cfb96840e25b9559/bb72de06ed4cf8ee.html">刷机后手机变砖怎么办 手机救砖方法汇总(每日更新)</a></p> <p><a href="/7cdd25b6f92a44fb/c07060e5f8c55d57.html">电脑重复照片太多怎么删除？专门清理重复照片的软件（推荐6款）</a></p> </div> </div> </div> </article> <footer> <ul class="flink"> 友情链接：<script> var _mtj = _mtj || []; (function () { var mtj = document.createElement("script"); mtj.src = "https://node91.aizhantj.com:21233/tjjs/?k=c1aj82uodhz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(mtj, s); })(); </script> </ul> Copyright © 2022 世界杯歌曲_足球世界杯主题曲 - dxgdgj.com All Rights Reserved.</footer> <div class="gotop">↑</div> <script src="/static/js/scrollReveal.min.js"></script> <script> if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){ (function(){ window.scrollReveal = new scrollReveal({reset: true, move: '30px'}); })(); }; </script> <script type="text/javascript" src="/static/js/san_praise_sdk.js"></script> </body> </html>