阅读背景:

动态创建添加按钮后,解决开始需要点击两次才能触发,之后点击一次就可以了

来源:互联网 
 
 
<!DOCTYPE html><html><head>    <title>测试</title>    <style type="text/css">        td {            text-align:center;            }        td input{            border:none;            width:100%;            }        .mask{background-color:rgba(0,0,0,0.1);width:700px;height:400px;position: fixed;top:20%;                left:50%;margin-left: -350px;z-index: 30;display: none;}            </style></head><body>        <table id='tab' align="center" width="600" border="1" cellspacing="0" cellpadding="0"><tr id="aa">                <th>ID</th>            <th>商品</th>           <th>数量</th>            <th>操作</th></tr> <tr><td><input type="text" width="100px"/></td><td><input type="text" /></td><td><input type="text" /></td><td width="150px"><a href="/go.html?url=#" class="cd"  >删除</a><a href="/go.html?url=#" >复制</a></td></tr><tr><td><input type="text" width="100px"/></td><td><input type="text"  /></td><td><input type="text"  /></td><td width="150px"><a href="/go.html?url=#" class="cd" >删除</a><a href="/go.html?url=#" >复制</a></td>       </tr>    </table>              <script type="text/javascript" src="./jquery-1.8.3.min.js"></script>    <script type="text/javascript">$('body').on('click','.cd',function(){     $(this).parents('tr').remove();})            </script></body></html><!DOCTYPE html><html><head>    <title>测试<



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: