将id动态添加到jquery选项卡

我正在动态创建jquery选项卡。我想将id与每个选项卡关联

$(function() {
    var index = 0;
    $("#addTab").live('click', function() {
        index++;
        var title = 'Tab.....  ' + index;
        var url = '#fragment-' + index;

        addTab(url, title, index);
        $('li.ui-state-default').attr("id",index);
});

此代码成功分配了id。但是当我创建新选项卡时。它将id分配给整个类。我不想这么做。我只想为每个类分配唯一的id

JS小提琴

顺便说一下，使用数字作为DOM元素的id是不好的做法，使用类似

（“item-”+index）

的东西作为

id

属性

---

顺便说一句，使用数字作为DOM元素的id是不好的做法，使用类似

（“item-”+index）

的属性作为

id

属性。

听起来像是应该在

addTab（）

函数中执行的操作，而不是在这里。

addTab（）

不是jQuery函数。我的意思是，既然创建新的动态选项卡的是

addTab（）

，为什么不把添加

id

的逻辑也放在那里呢？而不是在

addTab（）

返回后执行此操作。听起来应该在

addTab（）

函数中执行，而不是在这里执行。

addTab（）

不是jQuery函数。我的意思是，既然创建新的动态选项卡的是

addTab（）

，为什么不把添加

id

的逻辑也放在那里呢？而不是在

addTab（）返回后执行此操作。
$('li.ui-state-default:last').attr("id",index).attr('id');

$('li.ui-state-default').each( function(){
    $(this).attr("id",index++);
});