jquery - 为 jQuery 选项卡提供 id

Question

我有类似的东西

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

在我看来。

jQuery 会在运行时自动创建一个 div 并为其分配 id ui-tabs-1。我该如何改变呢？

编辑

我不需要真正改变它。如果该 id 保持不变，则没有问题。但是在稍后阶段，如果我在此之前添加另一个选项卡，那么该 ID 将分配给另一个选项卡。

Answer 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);
});

Answer 2

猜你可能不再需要它了......我回答这个问题是为了帮助可能面临与你和我分享的相同情况的其他人。我需要同样的，并且通过一些研究我能够想出这个功能......

$(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 将被替换，你的 a 标签的 href 属性也将被替换。他们都会得到标签的标题（固定ID）。我是 Jquery 和 JavaScript 的新手，所以这个解决方案可能不是最好的，但似乎可以解决您的要求。

谢谢。