jquery删除div中动态添加的元素？

jquery 提供了remove() 方法，用来移除被选元素，包括所有文本和子节点。因此只需根据添加的div的id即可将其删除：

$(div_id).remove()

实例演示如下:

HTML结构

<input type="button" value="删除">

<div id="test">这是示例的DIV</div>

jquery代码

$(function(){   $("input[type='button']").click(function() {        $("div#test").remove()   })

添加元素的方法有好几种：

append() - 在被选元素的结尾插入内容

prepend() - 在被选元素的开头插入内容

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容

如：

$("p").append("Some")

$("p").prepend("Some")

$("img").after("Some text after")

$("img").before("Some text before")

删除元素/内容:

remove() - 删除被选元素（及其子元素）

empty() - 从被选元素中删除子元素

如:

$("#div1").remove()

$("#div1").empty()

jquery删除数组中的一个元素的方法是用splice实现的。\x0d\x0a举例说明：\x0d\x0avar arrList = ['a','b','c','d']\x0d\x0aarrList.splice(jQuery.inArray('b',arrList),1)\x0d\x0aalert(arrList)\x0d\x0a其中jQuery.inArray('b',arrList)是b这个元素在数组arrList 中的位置 \x0d\x0asplice(index,1)函数中第一个参数index是要删除元素在数组中的位置，第二个参数是要删除的数量。 \x0d\x0aArray对象的方法有： \x0d\x0aconcat()连接两个或更多的数组，并返回结果。 \x0d\x0ajoin()把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 \x0d\x0apop()删除并返回数组的最后一个元素。 \x0d\x0apush()向数组的末尾添加一个或更多元素，并返回新的长度。 \x0d\x0areverse()颠倒数组中元素的顺序。 \x0d\x0ashift()删除并返回数组的第一个元素 \x0d\x0aslice()从某个已有的数组返回选定的元素 \x0d\x0asort()对数组的元素进行排序 \x0d\x0asplice()删除元素，并向数组添加新元素。 \x0d\x0atoSource()返回该对象的源代码。 \x0d\x0atoString()把数组转换为字符串，并返回结果。 \x0d\x0atoLocaleString()把数组转换为本地数组，并返回结果。 \x0d\x0aunshift()向数组的开头添加一个或更多元素，并返回新的长度。 \x0d\x0avalueOf()返回数组对象的原始值。

---