javascript - JQuery:处理名称属性

Question

    <div class="uk-sortable js-sortable-option">
        <div class="uk-margin-small-top">
            <i class="uk-icon-bars"></i>
            <input type="text" name="customfield[data][option][0]" value="First Option">
        </div>
        <div class="uk-margin-small-top">
            <i class="uk-icon-bars"></i>
            <input type="text" name="customfield[data][option][1]" value="Second Option">
        </div>
        <div class="uk-margin-small-top">
            <i class="uk-icon-bars"></i>
            <input type="text" name="customfield[data][option][2]" value="Third Option">
        </div>
    </div>
    <button class="uk-margin-small-top uk-button js-add-item" type="button">Add Item</button>

在这种形式中，用户可以创建一个简单的列表，可以使用，例如用于自定义选择输入。每个项目都有一个唯一的 ID customfield[data][option][id]。要添加项目，用户可以单击该按钮。我的问题是，我必须更改每个新添加的项目的名称属性。如何只更改名称属性的id？

            var sortele = $('.js-sortable-option'),
                additem = $('.js-add-item');

            additem.on('click',function(){
                ele = sortele.first();
                /** code to change name attr (e.g. to customfield[data][option][newid])*/
                sortele.append(ele);
             });

Answer 1

要更改元素的任何属性，请使用:

$(elm).attr("attr_name","new_val");

在这种情况下，您应该有一个计数器变量用作数组索引。

         var counter = 0;
         additem.on('click',function(){
            ele = sortele.first();
            ele.attr("name", "customfield[data][option]["+counter+"]");
            counter++;
            sortele.append(ele);
         });