首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js动态添加div

问题 有没有遇到过这样的需求, 在页面上会有不定个input, 点击添加按钮就添加 ?...把他封装起来, 需要的时候调用就好了 思路 因为每个input标签的name如果相同的话, 在后端接收的时候会出错, 所以我的解决办法就是在name后加上一个数字, 后端用一个循环进行接收 点击第一行的添加...点击的时候, 将div准备好, 添加到内容div中的第一个 点击每行的添加 将div添加到当前点击行后面一个 点击每行删除 删除当前div 实现 基本思路很简单, 只要在每个点击按钮上添加对应的点击事件...我在封装的时候喜欢先想用的时候怎么用, 然后根据这个思路来想应该怎么封装, 思考如下 因为添加的div肯定是不同的, 是需要传的参数, 但是如果直接传div字符串也太丑了, 应该在页面直接写HTML,...attr('name'); $(this).attr('name', name + '_' + secp); }); var _this = this; // 给添加按钮添加点击事件

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

    jsmap遍历数组对象_js遍历数组

    forEach()和map()都是遍历数组的方法,用法类似,但是还是有很大区别: 相同点:       1.都是循环遍历数组中的每一项;       2.在遍历中执行匿名函数都可以接收三个参数,分别为...不同点:       map():       根据遍历执行的匿名函数,对于原数组中的每个值产生一个对应的值,并返回一个新的数组,存在一个映射关系,并且不会改变原数组,不会对空数组进行检测。...arr.forEach(function(i,index,arr){ sum += i; console.log("sum的值为:",sum); }) //执行5次,最终结果 10 ** js...中 map 遍历数组 ** map 方法会迭代数组中的每一个元素,并根据回调函数来处理每一个元素,最后返回一个新数组。...例子:使用 map 方法来为 oldArray 中的每一项增加3,并且在 newArray 中保存它们。 oldArray 不应该被改变。

    19.5K30

    何时使用 Map 来代替普通的 JS 对象

    作者:Dmitri Pavlutin 译者:前端小智 来源:dmitripavlutin JS 普通对象 {key: 'value'} 用于存放结构化数据。...Map 接受任何类型的键 如前所述,如果对象的键不是 string 或 symbol,JS 将隐式地将其转换为字符串。...2. map 对键名没有限制 JS 中的任何对象都从原型对象继承属性,普通对象也是如此。...检查普通对象从原型继承的属性和方法的列表, 避免使用这些方法名定义自定义属性。 例如,假设有一个管理某些自定义字段的用户界面。 用户可以通过指定名称和值来添加自定义字段: ?...总结 普通 JS 对象通常可以很好地保存结构化数据,但它们也有一些局限性: 只能用字符串或 sybmol 作为键 自己的对象属性可能会与从原型继承的属性键冲突(例如 toString,constructor

    2.2K20
    领券