首页
学习
活动
专区
圈层
工具
发布

js动态添加div

问题 有没有遇到过这样的需求, 在页面上会有不定个input, 点击添加按钮就添加 ?...把他封装起来, 需要的时候调用就好了 思路 因为每个input标签的name如果相同的话, 在后端接收的时候会出错, 所以我的解决办法就是在name后加上一个数字, 后端用一个循环进行接收 点击第一行的添加...点击的时候, 将div准备好, 添加到内容div中的第一个 点击每行的添加 将div添加到当前点击行后面一个 点击每行删除 删除当前div 实现 基本思路很简单, 只要在每个点击按钮上添加对应的点击事件...当前实现还很简陋, 代码放在码云上, 发现问题再更新, 下载后可以直接运行demo文件 https://gitee.com/hujingnb/addDivItem 下面是当前的简单实现, 要看最新代码请移步码云...attr('name'); $(this).attr('name', name + '_' + secp); }); var _this = this; // 给添加按钮添加点击事件

31.6K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    如何使用Node.js编辑XML文件

    在 之前的文章中,我们研究了如何通过使用开源 xml2js模块将XML文件转换为Node.js中的JSON对象。 今天,您将学习如何使用Node.js编辑XML文件。...基本设置 首先,通过在终端中键入以下命令,将xml2js模块添加到您的Node.js应用程序中: $ node install xml2js --save 接下来,创建一个名为index.js的新JavaScript...转换成JSON 由于我们现在能够将XML文件读取为字符串,因此可以使用xml2js.parseString()方法轻松地将其转换为JSON对象。...现在,我们已经成功修改了JSON对象,我们可以将其转换回XML字符串,最后将其写入文件: const fs = require("fs"); const xml2js = require('xml2js...运行上面的代码,您应该在与Node.js脚本文件相同的目录中看到一个由更新的XML生成的新XML文件。

    9.3K20

    前端 实战项目·动态加载 JS 文件

    动态加载 JS 文件 对于 Vue、React 等框架开发的单页面应用,在某些页面开发特殊功能时经常需要依赖第三方 JS 文件,如果在全局引入 CDN 资源可能会加载冗余文件,此时最好使用动态加载方式...动态加载 JS 脚本指仅在某些特殊页面引入依赖文件,而非全局引入,这样可以避免在这些页面并未打开时造成加载无用的资源,提高页面加载速度的同时,也让整个项目更加模块化。...文档对象模型(DOM)允许使用 JavaScript 动态创建 HTML。 元素也是如此,它与页面其他元素没有什么不同,所以可以手动创建 来加载 JS 文件。...在有 async 的情况下,js 一旦下载好了就会执行,所以很有可能不是按照原本的顺序来执行的。如果多个脚本文件前后具有相互依赖性,用 async 就很有可能出错。...脚本,其中 jquery-ui 与 fullcalendar 都依赖 jquery,而 locale 依赖 fullcalendar,这种情况需要让 JS 文件按照一定的依赖关系按次序加载资源。

    7.4K40
    领券