js添加元素,和删除当前元素

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="jquery-3.0.0.min.js"></script>
</head>
<body>
<div class="main">
	<div class="tag-mess-phone">
		<label for="createDateRange" class="control-label label-tag tag-mes-control-label">电话号码</label>
		<input class="form-control" id=‘inputphoneValue2‘ onkeyup="value=value.replace(/[^\d]/g,‘‘)" placeholder="请输入手机号" maxlength="11">
		<button class="btn margin-left" onclick="deletePhone(this)" type="button">删除</button>
	</div>
	<div class="tag-mess-send-add">
		<button  onclick="addMessPhone()">添加</button>
	</div>
</div>
<script>
function addMessPhone(){
        var $params=‘‘;
            $params+=‘<div class="tag-mess-phone">‘
            $params+=‘<label for="createDateRange" class="control-label label-tag tag-mes-control-label">‘+"电话号码"+‘</label>‘
            $params+=‘<input class="form-control" id="inputphoneValue2" placeholder="请输入手机号" onkeyup="value=value.replace(/[^\d]/g,\‘\‘)"  maxlength="11">‘
            $params+=‘<button class="btn margin-left" onclick="deletePhone(this)" type="button">‘+"删除"+‘</button>‘
            $params+=‘</div>‘
       $(".tag-mess-send-add").before($params);
 }      

function deletePhone(e){
	e.parentNode.parentNode.removeChild(e.parentNode);
}

</script>
</body>
</html>

  

时间: 2024-10-14 00:56:03

js添加元素,和删除当前元素的相关文章

[JS]应用splice删除多元素时出现的坑

------------------------------------------------------------------------------------- 先看一个片段: var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.splice(2,2); # Banana,Orange 上面两行代码完全没有问题,能达到我们想要的效果. 假如变成了下面

selenium+python操作js页面,删除某个元素

例子如下:删除元素D下面 readonly属性 d=driver.find_element_by_xpath("//*[@id='divform']/div[2]/ul[2]/li[3]/span[2]/input[1]")driver.execute_script('arguments[0].removeAttribute(\"readonly\")', d);

js删除数组元素中的指定值

js删除数组元素中的指定值:所谓删除数组元素中指定的值,就是删除具有指定的数组项,下面就通过实例代码代码介绍一下如何实现此功能.代码如下: var theArray=["蚂蚁部落",2,"青岛市南区","antzone","蚂蚁部落"]; for(var i=0;i<theArray.length;i++){ if(theArray[i]=="蚂蚁部落"){ theArray.splice(i,1);

js动态删除div元素

在做用户查找时 因为要把查找的结果动态加载和显示,所以,那些html元素要由Ajax动态生成.用户打开查找界面时,有系统推荐的用户,而当用户按条件查找后,查找的结果动态加载和显示.所以考虑到用js来搞. 这个for循环就是移除已有的表单.然后根据Ajax请求过来的数据,动态生成新的表单对象.一定要注意j变量从大往小循环,否则,删除div元素后会引起serchResultLenth=serchResult.children.length;长度的变化(这个问题摸索了好久,才搞定,切记) for(va

AngularJs动态添加元素和删除元素

动态添加元素和删除元素 //通过$compile动态编译html var html="<div ng-click='test()'>我是后添加的</div>"; var template = angular.element(html); var mobileDialogElement = $compile(template)($scope); angular.element("#"+id).append(mobileDialogElement

js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>

JS中彻底删除json对象组成的数组中的元素

只是分享一个小知识~ 在JS中,对于某个由json对象组成的数组,例如: var test = [{ "a": "1", "b": "2" }, { "a": "3", "b": "4" }, { "a": "5", "b": "6" }]; 如果我们想要删除其中的第二

Js数组里删除指定的元素(不是指定的位置)

转载自:http://my.oschina.net/zh119893/blog/265964 之前一直是做后端的,从来也没有写过js,但是却一直想学学,也只是基于兴趣而已!现在到了这个公司,确实大量的写js.但也一直都是没有系统的去看过js!都是搞什么查什么!  最近要解决一个问题,但是用到了js的数组,知道了元素要去删除这个数组中的这个指定的元素.网上找到了一些解决办法,在这里做个笔记记下来:  首先可以给js的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为: Arra

jQuery 添加元素和删除元素

jQuery - 添加元素 append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容 <script> $(function(){ $("#btn").click(function(){ $("img").before("<b>11111111</b>"); }) $("#

js删除数组元素、清空数组的简单方法

一.清空数组 var ary = [1,2,3,4]; ary.splice(0,ary.length);//清空数组 console.log(ary); // 输出 [],空数组,即被清空了 二.删除数组元素 var ary = [1,2,3,4]; ary.splice(0,1); 或 ary.splice($.inArray(2, ary), 1); 其中$.inArray(2, ary)用来查找某元素在数组中的索引位置.