gpt4 book ai didi

javascript - jquery 删除动态添加的行

转载 作者:太空宇宙 更新时间:2023-11-04 13:08:53 25 4
gpt4 key购买 nike

<分区>

我有一个列表,我在其中使用 Jquery 添加带有添加按钮的行。现在我还想删除动态添加的行,所以我也动态创建了一个删除按钮以及这些行,但该删除按钮不起作用。

<div id="quantityTable">
<div class="row frmrw">
<div class="form-group col-md-6">
<label class="col-md-6 control-label" for="name">Quantity:</label>
<div class="col-md-6">
<input type="text" class="form-control" placeholder="Quantity" name="quantity" />
</div>
</div>
<div class="form-group col-md-6">
<div data-role="button" id="addQty" class="btn btn-success">Add Quantity</div>
</div>

在列表中附加相似行以及删除按钮的 jquery

$("#addQty").click(function () {

$("#quantityTable").append("<div class=\"row frmrw\"> "+
"<div class=\"form-group col-md-6\"> "+
"<div class=\"col-md-6\">"+
"<input type=\"text\" class=\"form-control\" "+
"placeholder=\"Quantity\" name=\"quantity\" /> </div></div> "+
"<div class=\"form-group col-md-6\">"+
"<div data-role=\"button\" id=\"rmvQty\" class=\"btn btn-success\"> "+
"Remove Quantity</div> </div> </div>");
}
);

现在,当我点击删除按钮时,我需要删除那个特定的

$("#rmvQty").on("click", function () {
console.log("as");
});

首先,用于删除的 jquery 不工作,其次,我如何删除被点击的行。

编辑:我的解决方案

$("#quantityTable").on("click", function (e) {
if(e.target.id == "rmvQty" ){
e.target.parentNode.parentNode.remove();
}
});

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com