Jquery 实现动态添加输入框编号

输入框动态增加和删除并重新编号：

代码附上：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>添加元素</title><script src="jquery-3.3.1.js"></script><script>var i = 1;$(function () {$("#box").on('click','.addp',function () {//$('#pp').after($("#pp").clone());var addP = $(this).parent().clone();$(this).parent().after(addP);$('#pp a').each(function (i,e) {$(e).text(i+1);})});$("#box").on("click",'.delp',function () {$(this).parent().remove();$('#pp a').each(function (i,e) {$(e).text(i+1);})})});</script>
</head>
<body>
<div id="box"><p id="pp"><a>1</a><input type="text" name="gx"><button class='addp'>+</button><button class='delp'>-</button></p></div>
</body>
</html>

　　效果图：

转载于:https://www.cnblogs.com/pyghost/p/10538575.html

Jquery 实现动态添加输入框编号相关推荐

php动态删除输入框,jQuery实现动态添加和删除input框实例代码
本文实例为大家分享了jQuery实现动态添加和删除input框的具体代码,供大家参考,具体内容如下选项 $(function(){ // 添加选项 $("#opbtn").cli ...
jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
博客分类: jquery-easyui jQueryAjax框架HTML 现象: AJAX返回的html无法做到自动渲染为EasyUI的样式.比如:class="easyui-layout ...
jquery append 动态添加的元素事件on 不起作用的解决方案
用jquery添加新元素很容易,面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢?on方法中要先找到原选择器(如例.info),再找到动态添加的选择器(如列.delet ...
jQuery给动态添加的元素绑定事件的方法
jquery中绑定事件一般使用bind,或者click,但是这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要另行绑定.在1.7版本以前使用live.但是在1.8版本以后推荐使用on.这 ...
jQuery 为动态添加的元素绑定事件
在使用jquery的方式为元素绑定事件时,我经常使用bind或者click,但这只能为页面已经加载好的元素绑定事件.像需要用ajax的方式请求远程数据来动态添加页面元素时,显然以上几种绑定事件的方式是 ...
jquery ajax添加ul li,jQuery.ajax动态添加标签无法被获取到
问题:在ajax中获取数据后为页面动态添加标签,点击标签时,无法执行jQuery的onClick方法原因:添加标签的方法在ajax方法内部,而jQuery的onClick方法在ajax方法的外部 ...
jQuery+Ajax动态添加表格
最近做课设,涉及到前端知识,设计的项目需要用jQuery动态添加删除html中table的tr和td,试遍了网上的代码都无济于事,无奈只能自己编写.先展示运行结果: 详细代码如下: dao层代码: / ...
jquery 中加入html代码,jquery实现动态添加html代码
先看下思导图,整体了解下,然后我们再来学习. 现在我们来看一下几段代码,然后根据这几段代码我们来学习一下如何正确的学习动态添加html. 一.html()方法 html函数的作用原理首先是移除目标元素 ...
js活jQuery实现动态添加、移除css/js文件
下面是在项目中用到的,直接封装好的函数,拿去在js中直接调用就可以实现css.js文件的动态引入与删除.代码如下动态加载,移除,替换css/js文件 // 动态添加css文件 function ad ...

Jquery 实现动态添加输入框编号

Jquery 实现动态添加输入框编号相关推荐

最新文章

热门文章