jquery之行自加自减

Posted 2021-02-08 wenxianfeng

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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 onclick="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>

以上是关于jquery之行自加自减的主要内容，如果未能解决你的问题，请参考以下文章

自加自减运算符重载

c语言中关系运算符和自加自减运算优先级哪个高