我對這個問題有點困惑。我正在嘗試創建一個動態表單,其中用戶可以根據需要進行盡可能多的描述、復選框和數字輸入。我只是用 jQuery 創建一個簡單的動態公式,到目前為止,我可以創建它們自行刪除的元素(當用戶單擊刪除字段時),并且我可以在表單中添加更多元素。代碼如下:<!-- THE FIELD THAT I APPEND IS A COPY OF THIS ITEM --> <div class="container-field-form" id="description-field"> <div class="container-field-form__img remove"> <img src="/static/svg/problem.svg" class="icon-to-do-form img-zoom-min " id="deleteButton"> </div> <div class="container-field-form__field form-field"> <textarea onchange="this.value = capitalizeFirstLetter(this.value)" class="form-control form-field" name="description" id="description" rows="3" placeholder="Enter the description"></textarea> </div> </div><!-- FROM HERE I APPEND AND ONLY APPEARS ONE AT THE BEGGGINING --> <div class="container-field-form" id="description-field"> <div class="container-field-form__img" id="add-description"> <img src="/static/svg/add-component.svg" class="icon-to-do-form img-zoom-min " id="deleteButton"> </div> <div class="container-field-form__field form-field"> <textarea onchange="this.value = capitalizeFirstLetter(this.value)" class="form-control form-field" name="description" id="description" rows="3" placeholder="Enter the description"></textarea> </div> </div>我在這里遇到的問題是,我在 HTML 中硬編碼的項目,它們回答正確(當需要刪除或復制任何陣營時將其刪除),但是對于我添加到 HTML 的新項目,它們不正確對聽眾的回答(它是 html 的精確副本,在 html 中硬編碼將適用于任何數字,并使用 jQuery 插入 html。這里我給你 jQuery 代碼,它只是在 HTML 字段的前面添加一個副本(工作沒有問題),并且當我們單擊刪除時刪除該字段(刪除當前字段并起作用,但僅在硬編碼的 html 中)$(".remove").click(function() { $(this).parent().remove(); });我錯過了什么嗎?提前致謝
1 回答

嗶嗶one
TA貢獻1854條經驗 獲得超8個贊
你應該使用
$('html').on("click", "div.remove", function() {
$(this).parent().remove();
});
- 1 回答
- 0 關注
- 155 瀏覽
添加回答
舉報
0/150
提交
取消