清空或刪除html標簽

一.新增及刪除標簽

新增拼接的html標簽：

    AddGroupId:function(){
        var groupId=$('#groupId2').val().trim();
        var groupName=$('#groupId2').find('option:selected').text();
        var v_content = "<p class='groupA'><span groupId=\""+groupId+"\" groupName=\""+groupName+"\">"+groupName+" </span>"+
            "<a href=\"javaScript:void(0);\" onclick='groupAdd.deleteGroupId(this)'>刪除 </a></p>";
            $("#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是屬於表單選擇器(匹配所有<input>、<textarea>、<select>、<button>元素)

清空操作:

$('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;
}
});

刪除span標簽
方法1：根據id

function removeSpan(){
var obj = document.getElementById("span1");
var parent = obj.parentNode;
parent.removeChild(obj);//在這里通過父節點＋待刪除節點對象來刪除

//下面是span自己刪除自己，true表示連子節點也一起刪除，本例是childspan,但是false的話自己和子節點多不會刪除
//obj.removeNode(true);
//另外如果使用了jquery，可以這么寫： $(obj).remove();
}

 

方法2：遍歷form

$('span', form).each(function(){ $(this).remove(); });