删除动态创建的文本框

// 假设我们有一个按钮和一个用于存放动态文本框的容器
<button id="addTextBox">添加文本框</button>
<div id="textBoxContainer"></div>

<script>
  document.getElementById('addTextBox').addEventListener('click', function() {
    // 创建一个新的文本框
    var newTextBox = document.createElement('input');
    newTextBox.type = 'text';
    newTextBox.id = 'dynamicTextBox';

    // 创建一个删除按钮
    var deleteButton = document.createElement('button');
    deleteButton.textContent = '删除';
    deleteButton.onclick = function() {
      // 点击删除按钮时，移除对应的文本框
      document.getElementById('textBoxContainer').removeChild(newTextBox);
    };

    // 将文本框和删除按钮添加到容器中
    document.getElementById('textBoxContainer').appendChild(newTextBox);
    document.getElementById('textBoxContainer').appendChild(deleteButton);
  });
</script>

$('#addTextBox').click(function() {
  var newTextBox = $('<input type="text" id="dynamicTextBox">');
  var deleteButton = $('<button>删除</button>').click(function() {
    newTextBox.remove();
  });

  $('#textBoxContainer').append(newTextBox).append(deleteButton);
});

var uniqueId = 'dynamicTextBox_' + new Date().getTime();
newTextBox.id = uniqueId;