jquery - 表的jquery动态唯一ID

Question

我正在使用此代码：jsfiddle.net/EyruX/1/

我将 ID 添加到每个表行 - tr

在链接示例中，我添加 id='111'

我还添加了删除按钮，用于根据行 ID（tr id）删除行（使用 ajax）。

当我单击添加时，我需要代码不仅会添加新行（就像现在一样），还会为每个 tr ID 添加唯一 ID。

例如 - 第一行/tr id 将是：id = "new1" 第二行将是：id = "new2" 等等。

你能帮我吗？

Answer 1

如果你也在使用 jQueryUI，有一个现成的解决方案：$.uniqueId.

如果没有，您可以自己轻松实现（代码从 UI源代码中提取并稍作修改）：

var uuid = 0;
$.fn.uniqueId = function() {
    return this.each(function() {
        if ( !this.id ) {
            this.id = "ui-id-" + (++uuid);
        }
    });
};

Answer 2

尝试这样的事情：

var i =0;
$(function(){
    $('#clone').click(function(){
        i=i+1;
        $('#main').append($('<input>').attr('type','button').attr('id','param'+i).val(i));
    });
})

你可以在这个小提琴中看到它是如何工作的

并且不要使用 .clone()，使用 .append 代替，否则 id 不会改变。