将id动态添加到jquery选项卡

时间:2012-05-17 08:44:39

标签: jquery jquery-ui tabs jquery-ui-tabs jquery-tabs

我正在动态创建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 Fiddle

http://jsfiddle.net/gP3YZ/9/

2 个答案:

答案 0 :(得分:3)

$('li.ui-state-default:last').attr("id",index).attr('id');

<强> DEMO

答案 1 :(得分:3)

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

顺便说一句,将数字用作DOM Element的id是不好的做法,使用像("item-"+index)这样的id属性。