0

我正在使用 jQuery 1.7.2 克隆一组表单输入元素。每个输入元素都有一个 id 属性。我希望克隆的元素使用与源元素相同的 id 属性，但附加一个数字以使其唯一。

我的代码是这样的：

    // Add additional author fields
    jQuery('#addanotherauthor a').click(function () {
        // Clone 'other author' group of fields
        var markUpToClone = jQuery('.other-authors').clone();
        // Set all input values of cloned mark-up to empty, remove 'disabled' attribute
        markUpToClone.find('input').val('').removeAttr('disabled');
        // Ensure cloned inputs have unique id attributes
        var numberOfAdditionalAuthors = $('.other-authors').length.toString();
        markUpToClone.find('input').attr('id', $(this).attr('id') + numberOfAdditionalAuthors);
        // Append emptied clone
        jQuery('#otherauthorscontainer').append(markUpToClone);
        return false;
    });

当我运行它时，克隆元素的 id 属性变为“undefined1”、“undefined2”等。有趣的是，如果我这样做：

markUpToClone.find('input').attr('id', numberOfAdditionalAuthors);

它返回正确递增数字的 id。如果我这样做：

markUpToClone.find('input').attr('id', $(this).attr('id'));

它返回一个与源值相同的 id。但是当我尝试将两者放在一起时：

markUpToClone.find('input').attr('id', $(this).attr('id') + numberOfAdditionalAuthors);

我得到了'undefined1'问题。

任何人都可以看到这是失败的地方并建议修复吗？

谢谢各位！

4

1 回答 1

2

您的使用this脱离了上下文。用于attr(function(index, attr){})管理 ID

// Add additional author fields
    jQuery('#addanotherauthor a').click(function () {
        // Clone 'other author' group of fields
        var markUpToClone = jQuery('.other-authors').clone();
        // Set all input values of cloned mark-up to empty, remove 'disabled' attribute
        var numberOfAdditionalAuthors = $('.other-authors').length/*.toString()*/;// toString() not needed
        markUpToClone.find('input').val('').removeAttr('disabled')
        // Ensure cloned inputs have unique id attributes
                .attr('id', function(i, id){
                        return id + numberOfAdditionalAuthors;
                });


        // Append emptied clone
        jQuery('#otherauthorscontainer').append(markUpToClone);
        return false;
    });
于 2012-06-04T11:39:06.830 回答