如何通过jquery添加和删除动态组件?按钮点击动态添加和删除组件?
我想在点击添加我的页面上添加一个行,然后在该行中会出现新的文本框 和删除同一上点击删除我的选择的页面复选框排按钮必须VE及其组件,如文本框中删除
我将如何处理jQuery?
如何通过jquery添加和删除动态组件?按钮点击动态添加和删除组件?
我想在点击添加我的页面上添加一个行,然后在该行中会出现新的文本框 和删除同一上点击删除我的选择的页面复选框排按钮必须VE及其组件,如文本框中删除
我将如何处理jQuery?
Click here
查看演示
var parent = document.getElementById('id');
var next = $.create("<div></div>");
$.append(parent);
去除$('#myelement').remove('id')
试试这个...
<html>
<head>
<title>m2z</title>
<script type="text/javascript">
function addNew() {
var mainContainer = document.getElementById('mainContainer');
var newDiv = document.createElement('div');
var newText = document.createElement('input');
newText.type = "input";
var newDelButton = document.createElement('input');
newDelButton.type = "button";
newDelButton.value = "Delete";
newDiv.appendChild(newText);
newDiv.appendChild(newDelButton);
mainContainer.appendChild(newDiv);
newDelButton.onclick = function() {
mainContainer.removeChild(newDiv);
}
}
</script>
</head>
<body >
<div id="mainContainer">
<div><input type="text" ><input type="button" value="Add" onClick="addNew()"></div>
</div>
</body>