添加和删除子元素[英] add and remove child elements

本文是小编为大家收集整理的关于添加和删除子元素的处理方法,想解了添加和删除子元素的问题怎么解决?添加和删除子元素问题的解决办法?那么可以参考本文帮助大家快速定位并解决问题。

问题描述

朋友们好,

我在我的代码中使用 HTML、javascript 和 jquery,动态地将新元素添加和删除到现有的"div".

添加新元素工作正常,但是当我单击删除删除元素时,我得到主容器对象,并且按钮中的子元素对象存在并被单击.

现在问题来了,当我尝试删除元素时,我正在获取对象,直到包含控件的 html table 控件,但没有获取包含表的 div.

注意:包含表格的 div 是子 div/元素.

添加元素.

var ab = ''<table rules="none" width="100%">
<tr>
<td class="optHdBg">
<a><img src="themes/theme_blog/images/icons/delete.png" name="delete"  önclick="javascript:remove_block(this);"/></a>
</td></tr></table>'';

function add()
{
var lstChild = $("#contControls").children().last();
var containerElement = document.getElementById("contControls");	
var newElement = document.createElement("div");
$(newElement).addClass("optionPane");
document.getElementById("contControls").appendChild(newElement);
}

function remove_block(obj)
{
  var mainContainer = $(obj).parents("div #contControls");
  var mySelf = obj.parentNode.parentNode.parentNode.parentNode.parentNode;
  mainContainer.removeChild(mySelf);
}


mySelf 控件出现问题,该控件未访问包含该表的 div 控件,因为删除操作不起作用.


请指导我.
谢谢.

推荐答案

("#contControls").children().last();var containerElement = document.getElementById("contControls");var newElement = document.createElement("div");

(newElement).addClass("optionPane");document.getElementById("contControls").appendChild(newElement);}功能删除块(对象){var mainContainer =

(obj).parents("div #contControls");var mySelf = obj.parentNode.parentNode.parentNode.parentNode.parentNode;mainContainer.removeChild(mySelf);}

mySelf 控件出现问题,该控件未访问包含该表的 div 控件,因为删除操作不起作用.


请指导我.
谢谢.

本文地址:https://www.itbaoku.cn/post/1356125.html