-1
我有這樣的HTML代碼如何添加動態元素jQuery?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Agenda</title>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="css/agenda.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
<script type="text/javascript" src=js/agenda.js></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-3 ">
<input type="text" id="txtNombre" placeholder="Usuario" required="" autofocus="" class="form-control" >
</div>
<div class="col-xs-12 col-md-3 ">
<input type="text" id="txtTelefono" placeholder="Telefono" required="" autofocus="" class="form-control" >
</div>
<div class="col-xs-12 col-md-3 ">
<input type="text" id="txtDireccion" placeholder="Direccion" required="" autofocus="" class="form-control" >
</div>
<div class="col-xs-12 col-md-3 ">
<input type="text" id="txtEmail" placeholder="Correo" required="" autofocus="" class="form-control" >
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-3 col-md-offset-9 ">
<img src="img/mas.png" class="agregar" id="btnAgregar" autofocus="" >
</div>
</div>
</div>
</body>
</html>
當用戶按下「添加」就必須添加一個新行中輸入相同的日期, 但添加到每一行的按鈕,編輯當前行並將其刪除。 ,所以你可以添加N元素並刪除逐行(或逐個編輯)。
我使用jQuery