您好,登錄后才能下訂單哦!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="search_conditions">
<div class="condition">
<a onclick="AddCondition(this,'#search_conditions')">+</a>
<input />
</div>
</div>
<script src="js/jquery-1.8.2.min.js"></script>
<script>
function AddCondition(ths,container){
//ths 這里指<a></a>標簽
var cp = $(ths).parent().clone();
//克隆標簽<a></a>父標簽并賦給變量cp
cp.children(':first').text('-').attr('onclick',"RemoveCondition(this,'#search_conditions')");
//獲取父標簽第一個孩子a標簽中的內容然后通過text將內容修改為'-',
//接著通過attr修改onclick綁定的函數AddCondition為RemoveCondition
$('#search_conditions').append(cp);
//將克隆后的結果cp追加到父標簽中
//cp.appendTo('#search_conditions')
}
function RemoveCondition(ths,container){
//ths形參代表標簽<a></a>,所以標簽a的父標簽為<div class="condition"></div>,
//然后刪除整個父標簽從而實現刪除整個表單的功能
$(ths).parent().remove();
}
</script>
</body>
</html>
演示效果:
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。