javascript-如何使用jquery用数字增加属性？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何使用jquery用数字增加属性？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1350字，纯文字阅读大概需要2分钟。

内容图文

我有一个HTML片段,如下所示,我想采用“文章形式”的div,对其进行克隆,然后为id,name和name的属性增加编号.

<div class="article-form">
    <label for="id_form-0-section">Section:</label>
    <select id="id_form-0-section" name="form-0-section">
        <option selected="selected" value="">---------</option>
        <option value="1">News</option>
        <option value="2">Originals</option>
    </select>
    <label for="id_form-0-slug">Slug:</label>
    <input type="text" maxlength="255" name="form-0-slug" id="id_form-0-slug">
    <input type="hidden" id="id_form-0-collection" name="form-0-collection">
    <input type="hidden" id="id_form-0-order" name="form-0-order">
    <input type="hidden" id="id_form-0-id" name="form-0-id">
</div>

到目前为止,我已经有了克隆部分,但是我需要进行一个克隆遍历,其中的元素具有id,id和name属性.

var $articeForm = $('.article-form').clone();

让我补充一点,增量部分不是问题.我计划执行以下操作.我不确定按属性遍历的最佳方法是什么.

var newNumber = parseInt($('#id_form-0-id').attr('id').split('-')[1]) + 1;

还有一点,这个从0开始的事实是没有意义的,在某些情况下,它可以从5开始,然后接下来的下一个字段应该是6.

解决方法:

您可以为此获取一个正则表达式和parseInt().例如.

element.attr('name', element.attr('name').replace(/(.*form\-)(\d+)(\-.*)/, function(f, p1, p2, p3) {
    return p1 + (parseInt(p2) + 1) + p3;
}));

但是,只有一个巨大的警告：Changing name attr of cloned input element in jQuery doesn’t work in IE6/7

内容总结

以上是互联网集市为您收集整理的javascript-如何使用jquery用数字增加属性？全部内容，希望文章能够帮你解决javascript-如何使用jquery用数字增加属性？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端