js实现简单的动态添加或删除一行数据

实现代码如下：

<script type="text/javascript">
$(function(){
// 动态添加（此处未加样式图片路径等）
//var li=$("

删除
"); var li=$("
删除
"); //$("#liUp li:last").after(li); var ul = $("#ulImg"); ul.append(li);//动态添加一行 //删除功能 $("#ulImg").on("click","#delUp",function(){ if (confirm("是否确认删除？")) { //删除指定的li var thisa=$(this); thisa.parent().remove();//此处的thisa.parent() 指代 a标签的上一级即li } }); /* $("#delUp").click(function(){ //获取li长度 var oshow=document.getElementById("ulImg"); var delUp = oshow.getElementsByTagName("li"); alert("********"+delUp.length); }); */ }) </script>

如果感觉我的代码对你有所帮助的话，下面有一个‘顶’，可以定义下咯，如果代码存在一些问题，可以在下面进行留言，本人将万分感谢

-------------------------------------------------------------------------------------- zj

js实现简单的动态添加或删除一行数据相关推荐

C# TableLayoutPanel 添加、删除一行数据案例
利用TableLayoutPanel动态添加一行,和删除一行 using System; using System.Collections.Generic; using System.Componen ...
JSP中动态添加或删除table的行
个想要实现如上图动态添加或者删除一行的功能,代码如下:(包含点击"环节参与人员"空白栏时弹出组织结构人员树时的弹窗功能) HTML部分: <body ><di ...
js进阶 9-11 select选项框如何动态添加和删除元素
js进阶 9-11 select选项框如何动态添加和删除元素一.总结一句话总结: 二.js进阶 9-11 select选项框如何动态添加和删除元素 1.案例说明 2.相关知识 Select 下拉列 ...
原生态JS和JQuery版的动态添加、删除表格行
过了太久,JQuery都生疏了,闲来没事,写着玩玩. 下面HTML代码作用:提交一个表单,将复选框的值提交(复选框的值等于后面的文本框,复选框和文本框处在同一行,可以动态添加和删除). >原生态 ...
JS实现动态添加和删除div
实现方式一:只在最后一个数据中动态添加或者删除 | 背景需要做一个页面,页面可以输入参数,点击确认按钮可以发请求给某接口.但是接口的某个字段是数组类型,所以在页面上需要实现添加或者删除元素的功能. ...
JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式（推荐七）
前言学习是有趣的,但有过滤的学习内容就更好,本博主就专门为刚接触javascript客户端编程的朋友提供及分享个人学习经历!建议大家看看:(汤姆大叔的博客) http://www.cnblogs.c ...
如何动态添加修改删除定时任务
如何动态添加修改删除定时任务 (1)思路说明: (a)首先这里我们需要重新认识一个类ThreadPoolTaskScheduler:线程池任务调度类,能够开启线程池进行任务调度. (b)ThreadP ...
layui 表单动态添加、删除input框
html部分 <div class="layui-form-item" ><label class="layui-form-label"> ...
SpringBoot定时任务升级篇（动态添加修改删除定时任务）
(1)思路说明: (a)首先这里我们需要重新认识一个类ThreadPoolTaskScheduler:线程池任务调度类,能够开启线程池进行任务调度. (b)ThreadPoolTaskSchedule ...

js实现简单的动态添加或删除一行数据

js实现简单的动态添加或删除一行数据相关推荐

最新文章

热门文章