今天需要实现一个jquery动态添加和删除  ul li列表中的li行，自己简单的实现乐一个，分享一下

jQuery add/remove ul li 
 
#nav{width:1000px;height:450px;border-top:# 2px solid;margin-top:10px;border-bottom:# 2px solid;background-color:#;margin-left:50px;}
#nav ul{list-style:none;line-height:40px;}
#nav li{display:block;float:left;padding:15px;line-height:50px;}
#nav a{display:block;color:#fff;text-decoration:none;padding:0px;}
#nav a:hover{background-color:#;}
input {margin-top:10px;margin-left:50px;width:100px;height:50px;font-size:15px;}
$(document).ready(function(){
//按钮的点击事件，每次点击的时候动态的创建一个 li对象，jquery直接通过 ul对象的id，使用 append 方法 动态的把li添加到ul里面
$("#addButton").bind("click",function(){
var google = Math.random();
var msg = "

删我 
 " + google + ""; 
 
$("#colist").append(msg);
//每次添加万一个元素后，都会给改li绑定移除事件
bindListener();
});
//
function bindListener(){
//给所有的 ul li重新绑定移除事件
$("#colist li a").unbind().click(function(){
//直接通过.remove() 方法移除掉li元素,页面自动就会刷新
$(this).parent().remove();
});
}
//jquery 检索ul li的所有元素
$("#collect").click(function(){
var data = "";
$("#nav").find("ul li span").each(function(index,value){
data += $(this).text() + "|";
})
alert(data);
})
})

上面是一个简单的测试例子，下面是项目中实际使用的例子

对应的js方法

function addTocustom(appid)
{
//这里remove 改行，然后保存数据库
//父页面刷新定制窗口，重新加载
//window.parent.backclose();
$("#show_"+appid).parent().parent().parent().remove();
}

对应的div ul li的代码，点击添加按钮后 ，会把该行数据添加到别的页面，并删除改行数据

${item.APP_NAME}

添加

利用jquery动态添加和删除表格的一行，并且保存单行数据

开发时遇到一个需求:要求要在页面的表格可以添加和删除一行,并能填写对应的数据后保存这一行数据. HTML代码 界面使用了freemarker框架,teams是后台传过来的list类型数据

jQuery动态添加、删除按钮及input输入框

输入框的加减实现:

动态创建按钮

jQuery动态添加和删除表格行

jQuery 动态添加、删除css样式

1.addClass css中:

jQuery动态添加删除select项

// 添加 function col_add() { var selObj = $("#mySelect"); var value="value"; var t ...

jQuery如何动态添加具有删除按钮的行

代码实例如下:

jquery动态添加删除div--事件绑定,对象克隆

我想做一个可以动态添加删除div的功能.中间遇到一个问题,最后在manong123.com开发文摘 版主的热心帮助下解答了(答案在最后) 使用到的jquery方法和思想就是:事件的绑定和销毁(unbi ...

jQuery动态添加删除CSS样式

jQuery框架提供了两个CSS样式操作方法,一个是追加样式addClass,一个是移除样式removeClass,下面通过一个小例子讲解用法. jQuery动态追加移除CSS样式

JQuery动态添加控件并取值

...