如何使用带有 Bootstrap 的 jQuery 动态添加和删除输入字段？
在本文中，我们将学习如何使用 jQuery 和 Bootstrap 动态添加和删除输入字段。因此，我将简要介绍一下我们将如何实现此功能。
在这个过程中，我们会用到下面的多个函数。
click() 方法： click() 是 jQuery 中的一个内置方法，它启动单击事件或在单击事件发生时运行传递给它的函数。
句法：
$(selector).click(function);- 参数：它接受一个可选参数“函数”，当点击事件发生时运行。
- 返回值：它返回具有指定函数的选定元素执行。
Append() 方法： append() 方法在选定元素的末尾插入指定的内容。
句法：
$(selector).append(content)参数：接受内容作为参数，参数可以是HTML标签
Remove() 方法：删除选定的元素。
句法：
$(selector).remove();Parent() 方法：获取被选元素的直接父元素。
句法：
$(selector).parent();CDN 链接：
方法：
- 首先，将 jQuery、Bootstrap CDN 添加到脚本中或将它们下载到本地计算机。
- 创建一个输入组并添加一个输入字段和一个按钮。即此按钮将用于删除此输入字段。
- 创建一个按钮并单击此按钮，我们将动态添加输入字段。
- 现在编写 click()函数来处理添加和删除功能。
- 使用 append() 方法将输入字段代码添加到现有 HTML 文档。
$('#newinput').append(newRowAdd);- 使用 remove() 方法从文档中删除输入字段。
$(this).parents("#row").remove(); - 使用引导程序向页面添加一些样式。
例子：
HTML
Add or Remove Input Fields Dynamically
GeeksforGeeks
Adding and Deleting Input fields Dynamically
输出：
