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> 

相關問題