jquery生成一个li_JQuery实现ul中添加LI和删除指定的Li元素功能完整示例

本文实例讲述了JQuery实现ul中添加LI和删除指定的Li元素功能。分享给大家供大家参考，具体如下：

最近为了实现这个简单的功能也是看了很多的内容，终于找出了看起来简单易实现的方法，我觉得能用最简洁的代码实现，就不要写的那么复杂，看也看不懂。先码着，为后面的项目做做准备。

心若向阳无谓悲伤

.item{

background: #C0C0C0;

border-radius: 20px;

margin-bottom: 10px;

height:40px;

padding-left: 20px;

color:white;

font-family: "微软雅黑";

text-align: center;

padding-top: 15px;

}

#content{

list-style: none;

}

$ (function ()

{

$ ('#add').click (function ()

{

if($("#content").children().length >=5){

alert("最多允许添加5个")

return;

}

$('#content').append('

'+$("#content").children().length+'');

});

$ ('#delete').click (function ()

{

var len = $("#content").children().length-1;

if(len >=0){

$("ul li:eq("+len+")").remove(); //表示删除最后一个元素

}else{

alert("还没有添加元素哦");

}

});

})

添加div

删除div

实现效果如下：

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

希望本文所述对大家jQuery程序设计有所帮助。

jquery生成一个li_JQuery实现ul中添加LI和删除指定的Li元素功能完整示例相关推荐

jquery中添加属性和删除属性--------------------
jquery中添加属性和删除属性: 复制代码代码如下: $("#2args").attr("disabled",'disabled'); $("#2 ...
jquery中添加属性和删除属性
jquery中添加属性和删除属性: 复制代码代码如下: $("#2args").attr("disabled",'disabled'); $("#2 ...
在学生信息结构体中再添加一个计算平均值和按照平均值排序以及删除指定学号的学生信息
定义一个学生信息结构体,包含姓名,学号,语文成绩.数学成绩,和英语成绩,定义结构体数组存放不同学生的信息,可以在终端录入学生的信息,可以实现对于学生成绩的排序,排序可以按照语文.数学或者英语的任意一个 ...
HADOOP实践101：在Hadoop集群中添加机器和删除机器
无论是在Hadoop集群中添加机器和删除机器,都无需停机,整个服务不中断. 本次操作之前,Hadoop的集群情况如下: HDFS的机器情况如下: MR的机器情况如下: 添加机器在集群的Master机 ...
java中实现工厂日历_Java实现的日历功能完整示例
本文实例讲述了java实现的日历功能.分享给大家供大家参考,具体如下: 应用名称:Java日历用到的知识:Java GUI编程,日期操作开发环境:win8+eclipse+jdk1.8 功能说明: ...
jquery生成一个li_jquery-创建元素和添加子元素
一.创建新元素 1.使用$函数创建新元素 var $newElement=$(' 段落 ');//创建元素,返回jQuery对象说明: 1)创建的新元素不会自动的把新元素插入到页面中,我们还需要明确 ...
如何在现有的ul中添加li？
我的代码看起来像这样: <div id="header"><ul class="tabs"><li><a href=& ...
html表格中添加修改和删除链接,jQuery实现为table表格动态添加或删除tr功能示例...
本文实例讲述了jQuery实现为table表格动态添加或删除tr功能.分享给大家供大家参考,具体如下: HTML页面元素如下: 订单合同号捆包号品名规格材质重量业务需求是,从后台获取到订单 ...
rmd转换html怎么换页,如何在由RStudiomarkdown生成的单词文档中添加分页符
您尝试做的是强制在使用Pandoc生成的单词文档中的"分页符"或"新页面".我已经找到了在我的环境中做到这一点的方法,但我不确定它会在每个环境中工作. 我的环境 ...

jquery生成一个li_JQuery实现ul中添加LI和删除指定的Li元素功能完整示例

jquery生成一个li_JQuery实现ul中添加LI和删除指定的Li元素功能完整示例相关推荐

最新文章

热门文章