jquery如何删除子元素

1、删除元素和内容，可以通过jquery的remove()和empty()方法，remove()删除选择的元素和子元素，empty()只删除选中元素的子元素。

成都创新互联拥有10多年成都网站建设工作经验,为各大企业提供成都网站建设、成都网站制作服务，对于网页设计、PC网站建设（电脑版网站建设）、手机APP定制开发、wap网站建设（手机版网站建设）、程序开发、网站优化（SEO优化）、微网站、域名注册等，凭借多年来在互联网的打拼，我们在互联网网站建设行业积累了很多网站制作、网站设计、网络营销经验，集策划、开发、设计、营销、管理等网站化运作于一体，具备承接各种规模类型的网站建设项目的能力。

2、新建一个html页面，引入jquery.js，页面body里面添加一个div盒子，div盒子里面添加两段话，和一个删除div元素的按钮，js中调用$（“#div1”）.remove()方法删除元素。

3、在浏览器中打开html页面之后，可以看到div盒子和两段话，点击移除div元素按钮。

4、点击移除div元素按钮之后，可以看到div元素和子元素p都被删除掉了。

5、将$（“#div1”）.remove()方法注释掉，使用$（“#div1”）.empty()方法，删除选择元素的子元素。

6、可以看到点击清空div元素按钮，将div元素的p子元素删除了。

怎么用jQuery实现点击按钮后删除某个元素？

点击按钮后删除某个元素可用如下jQuery代码实现

$("input:button").click(function() {

$(selector).remove(); // $(selector)通过选择器表示要删除的元素，remove()函数用以删除元素

});

实例演示：点击按钮后删除复选框勾选的元素

创建Html元素

div class="box"

勾选元素后，点击按钮删除br

div class="content"

input type="checkbox" name="item"span萝卜/span

input type="checkbox" name="item"span青菜/span

input type="checkbox" name="item"span小葱/spanbr

input type="checkbox" name="item"span豆腐/span

input type="checkbox" name="item"span土豆/span

input type="checkbox" name="item"span茄子/span

/div

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

/div

设置css样式

div.box{width:300px;height:200px;padding:10px 20px;border:4px dashed #ccc;}

div.content{width:250px;height:80px;margin:10px 0;}

input{margin:10px;}

input[type='button']{width:200px;height:35px;margin:10px;border:2px solid #ebbcbe;}

编写jquery代码

$(function(){

$("input:button").click(function() {

$("input:checkbox:checked").each(function() {

$(this).next("span").remove();

$(this).remove();

});

});

})

观察效果

选择待删除的项目

点击按钮删除后结果

jquery 知道数组中某一元素的部分值,怎样从数组中删除此元素

//声明一个数组

var whereJsonObj = [];

//声明一个对象

var term = new Object();

term = new Object();

term.name = "search";

term.value = "123"

//给数组添加一个对象

whereJsonObj.push(term);

//删除前

console.log(whereJsonObj);

//删除这个对象

whereJsonObj = remove(whereJsonObj,"name","search")；

//删除后

console.log(whereJsonObj );

//删除数组的函数

function remove(arrPerson,objPropery,objValue){

return $.grep(arrPerson, function(cur,i){

return cur[objPropery]!=objValue;

});

}

js从数组中删除指定值（不是指定位置）的元素

无法删除，但是可以替换来解决此问题。

如下参考：

1.indexOf()方法可以返回要查找元素的索引值，如果没有找到则返回-1，创建一个新的HTML文档用于加载度JS。

2.Vararr=['apple'，'banana'，'pear'，'orange']。

3.定义一个带有两个参数的函数，STR参数表示:指定要删除的元素，arr参数表示:被删除元素的数组。

4.定义函数体，样本代码:varindex=arr.indexOf(STR)。

5.调用函数delOne()，示例代码:delOne('pear'，arr)。

js怎么从数组中删除指定值（不是指定位置）的元素？

var a = new Array("a","b","cc","d3");//

删除a数组的cc元素

//jQuery.inArray()函数用于在数组中搜索指定的值，并返回其索引值。如果数组中不存在该值，则返回 -1。该函数属于全局jQuery对象。

jquery 1.2中添加的该静态方法var index = $.inArray("cc",a);

if(index=0){//arrayObject.splice(index,howmany,item1,.....,itemX)

//参数描述//index  必需。

整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置，//howmany 必需。要删除的项目数量。如果设置为 0，则不会删除项目。

//item1, ..., itemX 可选。向数组添加的新项目。

a.splice(index,1);

alert(a.totring());

}else{

alert("error");  return false;

}

当前文章：jquery数组删除指定元素,数组删除某一个元素
分享网址：http://chengdu.cdxwcx.cn/article/dscjdho.html