给jQuery Tabs id

时间:2012-10-25 06:01:23

标签: jquery html css jquery-ui

我有类似

的东西
<li><a href="SearchQC.do?mode=view">Add to QC List</a></li>

在我看来。

jQuery会自动创建一个div,并在运行时为其指定id ui-tabs-1。我该如何改变?

修改

我不需要实际更改它。如果那个id保持不变那么没有probs。但是在稍后阶段,如果我在此之前添加另一个标签,则该ID将被分配给其他标签。

2 个答案:

答案 0 :(得分:1)

您可以使用

$('#tabs li').each(function(){
    var new_id = '';
    switch($(this).attr('id')) {
        case 'ui-tabs-1':
            new_id = 'my_first_new_id';
        break;
        case 'ui-tabs-2':
            new_id = 'my_second_new_id';
        break;
    }

    $(this).attr('id',new_id);
});

答案 1 :(得分:0)

猜猜你可能不再需要了......我正在回答这个问题,以帮助那些可能面临和你分享的情况相同的人。我需要同样的东西,通过一些研究,我能够想出这个功能......

$(window).load
        (function () {

            var abasRenomear = $('a[href^="#ui-tabs-"]');
            var abaRenomear = [];
            var divAba;

            for (var i = 0; i < abasRenomear.length; i++) {
                abaRenomear = abasRenomear[i];
                divAba = document.getElementById(abaRenomear.hash.substr(1, abaRenomear.hash.length - 1));                    
                divAba.setAttribute("id", abaRenomear.innerHTML);
                abaRenomear.setAttribute("href", "#" + abaRenomear.innerHTML);
            }
        }
    );

这样你的div''id'将被替换,你的标签的href属性也会被替换掉。他们都会得到标签的标题(固定ID)。我是Jquery和JavaScript的新手,所以这个解决方案可能不是最好的,但似乎可以解决你的请求。

感谢。