大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
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代码实现
$("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();
});
});
})
观察效果
选择待删除的项目
点击按钮删除后结果
//声明一个数组
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;
});
}
无法删除,但是可以替换来解决此问题。
如下参考:
1.indexOf()方法可以返回要查找元素的索引值,如果没有找到则返回-1,创建一个新的HTML文档用于加载度JS。
2.Vararr=['apple','banana','pear','orange']。
3.定义一个带有两个参数的函数,STR参数表示:指定要删除的元素,arr参数表示:被删除元素的数组。
4.定义函数体,样本代码:varindex=arr.indexOf(STR)。
5.调用函数delOne(),示例代码:delOne('pear',arr)。
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;
}