JavaScript-添加和删除div onclick child href

在我的表单中，我有一个名为

addrecord

的href，单击该href会在表单中添加一行新的html元素。添加的html元素行有一个

remove

和

add

href。单击行末尾的

remove

时，该特定行将被删除…但是，当我单击子元素上的

add

时，不会创建新行

$（文档）.ready（函数（e）{
var html='Category:Select CategoryCategory ACategory B'；
var maxRows=20；
var x=1；
//添加行
$（“#添加”）。单击（函数（e）{
如果（x您可以使用相同的功能添加记录，我希望这是您的预期输出，如果没有，请评论，我将更新


$（文档）.ready（函数（e）{
var html='Category:Select CategoryCategory ACategory B'；
var maxRows=20；
var x=1；
//添加行
$（“表格”）。在（'单击'，'添加'，'添加'，函数（e）{
如果（x在上述代码中

var html = '<div><label>Category:</label><select id="childcategory"><option value="0" selected>Select Category</option><option value="CatA">Category A</option><option value="CatB">Category B</option></select><a href="#" id="remove">Remove</a><a href="#" id="childAdd">AddRecord</a></div>';

var maxRows = 20;
var x = 1;
//Add rows
$("#add").click(function(e) {       //<---  Try using #childAdd  instead of #add or change childAdd ID of href to add.
  if (x <= maxRows) {
    $("#container").append(html);
    x++;
  }
})

var html='Category:Select CategoryCategory ACategory B'；
var maxRows=20；
var x=1；
//添加行
$（“#添加”）。单击（函数（e）{/这不应该是另一个DIV吗

$("#container").append(html);

>
$（“#主要内容”）.append（html）

我不希望给出相同的id，而是使用类而不是id
您在添加行时错过了
append（html）

$（文档）.ready（函数（e）{
var html='Category:Select CategoryCategory ACategory B'；
var maxRows=20；
var x=1；
//添加行
$（“#添加”）。单击（函数（e）{
如果（x，谢谢你…没想到这会这么简单…，点击两个元素id对我来说是一个新的学习。因为我们正在添加动态元素，我们需要使用
.on（'method'，'selector'，function（）{}）
谢谢……这也行……我尝试了这个，但使用了id，而不是作为childAdd的类……使用id，它甚至使第一个add record按钮都无法正常工作。谢谢……我尝试在“var html”中为子元素使用单独的id，但没有起作用。谢谢……但是，用不同的id标识子元素是非常困难的否则它将与父元素中已使用的id
add
冲突。