jquery之行自加自减

实现目标：点击按钮复制本行，修改后重新插入到本行后面，点击复制出的行可删除本行

代码如下：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>行自加自减</title>
 6 </head>
 7 <body>
 8     <div class="outer">
 9         <div>
10             <div style="display: inline-block;">
11                 <a οnclick="add(this);"><button>+</button></a>
12             </div>
13             <div style="display: inline-block;">
14                 <input type="checkbox">
15                 <input type="text">
16             </div>
17         </div>
18     </div>
19
20     <script src="jquery-1.8.2.js"></script>
21     <script>
22         function add(self) {
23             var item = $(self).parent().parent().clone();
24             item.find('button').text('-');
25             item.appendTo('.outer');
26             item.find('a').attr('onclick','removee(this);');
27             //$('.outer').append(item)
28         }
29         function removee(ths) {
30             $(ths).parent().parent().remove();
31         }
32     </script>
33 </body>
34 </html>

转载于:https://www.cnblogs.com/wenxianfeng/p/10354524.html

jquery之行自加自减相关推荐

linux shell 计算器除0,用shell写一个简易计算器，可以实现加、减、乘、除运算，假如脚本名字为1.sh，执行示例：./1....
用shell写一个简易计算器,可以实现加.减.乘.除运算,假如脚本名字为1.sh,执行示例:./1.sh 1 + 2#!/bin/bash if [ $# -ne 3 ] then echo &quo ...
你我他科技php面试题,北京科大”携手你我他”， “励”行爱加艾減公益
励志高校计划团队励志高校计划团队北京科技大学"励志"计划由校友捐资设立,每年投入20-30万元资金用于培养优秀的学生,选拔25名左右的优秀学生,进行为期一年的跟踪式培养,采取独 ...
运算符重载（加减运算符、前置加加（减减）后置加加（减减）运算符、赋值运算符、输入输出运算符、关系运算符、函数调用）
编译器对于一个类会默认生成以几种函数: 1.默认构造函数(空形参,空函数体) 2.默认拷贝构造函数(浅拷贝,也叫值拷贝.字节拷贝) 3.析构函数(空形参,空函数体.析构函数要求形参列表必须是空的,所以 ...
linux脚本计算器加减乘除,用shell写一个简易计算器，可以实现加、减、乘、除运算，假如脚本名字为1.sh，执行示例：./1....
用shell写一个简易计算器,可以实现加.减.乘.除运算,假如脚本名字为1.sh,执行示例:./1.sh 1 + 2#!/bin/bash if [ $# -ne 3 ] then echo &quo ...
C语言自加自减运算符(++i / i++) - C语言零基础入门教程
目录一.C 语言自加++ / 自减 – 运算符简介 1.前 ++ 后 ++ 的区别 2.前–后-- 的区别二.C 语言自加++/自减–运算符实战三.猜你喜欢零基础 C/C++ 学习路线推荐 : ...
小学生计算机辅助教学系统--练习加，减，乘，除法
一.前言最近几天,老师布置一个小学生计算机辅助教学系统–练习加,减,乘,除法的作业要我们实现,我花费了几个小时把它干完了,本想拿这个小项目练练手,因为要考研了,复习复习C语言.没有想到这个项目涉及到 ...
仿照Windows的计算器，编写一个简易的计算器程序，实现加、减、乘、除等运算。
仿照Windows的计算器,编写一个简易的计算器程序,实现加.减.乘.除等运算. 偷懒了很多,将就着用吧: import java.awt.FlowLayout; import java.awt.ev ...
OpenCV的各种矩阵基本运算、基本操作及示例代码(加、减、乘、点乘、点除、乘方、开方、累加、转置、比较等)
OpenCV的各种矩阵基本运算.基本操作及示例代码(加.减.乘.点乘.点除.乘方.开方.累加.转置.比较等) OpenCV的各种矩阵基本运算.基本操作及示例代码目录 01-两个矩阵相加.矩阵和标量相 ...
菜鸟实现 PHP 二阶、三阶行列式计算和矩阵运算的加、减、乘
菜鸟实现 PHP 二阶.三阶行列式计算和矩阵运算的加.减.乘 1 <?php 2 3 //三阶行列式计算函数名嘛,看懂就好 4 function sanjie($array){ 5 $k=$a ...

jquery之行自加自减

jquery之行自加自减相关推荐

最新文章

热门文章