如何将id添加到动态创建的jquery选项卡

我正在动态创建jQuery选项卡。我想为每个选项卡分配id

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

    addTab(url, title, index);
    $('li[class=ui-state-default]').id(this)=1; // this line to add id

});

但id未分配给选项卡

应该成为

 $('YOUR_NEW_TAB_SELECTOR').attr('id',1)

您可以使用.attr方法将属性“id”设置为“1”

应该成为

 $('YOUR_NEW_TAB_SELECTOR').attr('id',1)

您可以使用.attr方法将属性“id”设置为“1”

注意：

$（'li.ui state default'）.attr（'id'，'some_'+索引）

已更改所有li的id具有class

ui状态默认值，但当前代码将仅更改最后一个id


注意：
$（'li.ui state default'）.attr（'id'，'some_'+索引）已更改所有li的id具有类
ui状态默认值
，但当前代码将只更改最后一个id。
Hiya演示：）

代码

$(document).ready(function() {
    $("#tabs").tabs({
        tabTemplate: "<li><a href='#{href}'>#{label}</a> <p title='close' id='removeTab' style='cursor:pointer;display:inline'>x</p></li>"
    });
});

$(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","1");
        alert($('li.ui-state-default').attr("id"));

    });

    function addTab(url, title, index) {

        $('#tabs').tabs("add", url, title, [index]);
    }
    $('#removeTab').live('click', function() {
    selected = $('p[id=removeTab]').index(this); // this line to add id
      $('#tabs').tabs("remove", [selected]);

    });


     $('#appendText').live('click', function() {
        $('#tabs .ui-tabs-panel').each(function(index) {

             if(!($(this).hasClass('ui-tabs-hide'))){
                 //do the dew!
                 $(this).append("Bla Bla!!!");

             }
        });
    });


});



​

$（文档）.ready（函数（）{
$（“#制表符”）。制表符({
选项卡模板：“
x
”
});
});
$（函数（）{
var指数=0；
$（“#addTab”）.live（'单击'，函数（））{
索引++；
变量标题='选项卡…'+索引；
var url='#fragment-'+索引；
addTab（url、标题、索引）；
$（'li.ui state default'）.attr（“id”，“1”）；
警报（$（'li.ui状态默认值'）.attr（“id”）；
});
函数addTab（url、标题、索引）{
$（'#制表符'）。制表符（“添加”，url，标题，[索引]）；
}
$（'#removeTab'）.live（'单击'，函数（））{
selected=$（'p[id=removeTab]'）。索引（this）；//要添加id的此行
$（'#制表符'）。制表符（“删除”，[selected]）；
});
$（'#appendText'）.live（'单击'，函数（））{
$（'#tabs.ui tabs panel'）。每个（函数（索引）{
if（！（$（this）.hasClass（'ui-tabs-hide'））{
//做露水！
$（this.append（“blabla！！！”）；
}
});
});
});
​
Hiya演示：）

代码

$(document).ready(function() {
    $("#tabs").tabs({
        tabTemplate: "<li><a href='#{href}'>#{label}</a> <p title='close' id='removeTab' style='cursor:pointer;display:inline'>x</p></li>"
    });
});

$(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","1");
        alert($('li.ui-state-default').attr("id"));

    });

    function addTab(url, title, index) {

        $('#tabs').tabs("add", url, title, [index]);
    }
    $('#removeTab').live('click', function() {
    selected = $('p[id=removeTab]').index(this); // this line to add id
      $('#tabs').tabs("remove", [selected]);

    });


     $('#appendText').live('click', function() {
        $('#tabs .ui-tabs-panel').each(function(index) {

             if(!($(this).hasClass('ui-tabs-hide'))){
                 //do the dew!
                 $(this).append("Bla Bla!!!");

             }
        });
    });


});



​

$（文档）.ready（函数（）{
$（“#制表符”）。制表符({
选项卡模板：“
x
”
});
});
$（函数（）{
var指数=0；
$（“#addTab”）.live（'单击'，函数（））{
索引++；
变量标题='选项卡…'+索引；
var url='#fragment-'+索引；
addTab（url、标题、索引）；
$（'li.ui state default'）.attr（“id”，“1”）；
警报（$（'li.ui状态默认值'）.attr（“id”）；
});
函数addTab（url、标题、索引）{
$（'#制表符'）。制表符（“添加”，url，标题，[索引]）；
}
$（'#removeTab'）.live（'单击'，函数（））{
selected=$（'p[id=removeTab]'）。索引（this）；//要添加id的此行
$（'#制表符'）。制表符（“删除”，[selected]）；
});
$（'#appendText'）.live（'单击'，函数（））{
$（'#tabs.ui tabs panel'）。每个（函数（索引）{
if（！（$（this）.hasClass（'ui-tabs-hide'））{
//做露水！
$（this.append（“blabla！！！”）；
}
});
});
});
​
像这样吗？但是不确定
1
或
.id（this）=1
。没有这样的方法
.id（）。。。你到底想做什么？看这里工作=像这样？但是不确定
1
或
.id（this）=1
。没有这样的方法
.id（）。。。您到底想做什么？请参见此处working=我如何将id分配给当前用户class@RanaSaani您是指所选的选项卡吗？我如何为当前选项卡分配idclass@RanaSaani您是指所选的选项卡吗？