表的jquery动态唯一id

时间:2013-09-19 08:26:48

标签: jquery

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

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

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

我还添加删除按钮,根据行id(tr id)删除行(带ajax)。

当我点击ADD时,我需要代码不仅会添加新行(比如现在),还会为每个tr ID添加唯一ID。

例如

- 第一行/ tr id将是:id =“new1” 第二个是:id =“new2” 等等。

你能帮帮我吗?

2 个答案:

答案 0 :(得分:6)

如果您还在使用jQueryUI,则有一个现成的解决方案:$.uniqueId

如果没有,那么很容易自己实现它(代码从UI source解除并稍微调整一下):

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

答案 1 :(得分:0)

尝试这样的事情:

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

您可以在this fiddle

中查看其工作原理

不要使用.clone(),而是使用.append,否则id不会改变。