2010-11-03 101 views
0

如何通过jquery添加和删除动态组件?按钮点击动态添加和删除组件?

我想在点击添加我的页面上添加一个行,然后在该行中会出现新的文本框 和删除同一上点击删除我的选择的页面复选框排按钮必须VE及其组件,如文本框中删除

我将如何处理jQuery?

回答

0
var parent = document.getElementById('id'); 
var next = $.create("<div></div>"); 
$.append(parent); 

去除$('#myelement').remove('id')

0

试试这个...

<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>