Question

我有一个用户控件列表和一个jquery脚本，当点击li时它可以工作。这很好用。我想更改所选li上的课程但是无法完成这项工作。我试着用这个小提琴没问题 - 但在我的实际页面中 - 没有好处。

实际的jquery脚本是

$(document).ready(function () {
    $('.listButtons li').on("click", function () {
        $('.selected').removeClass("selected");
        $(this).addClass("selected");
        var tabid = $(this).attr('id');
        var cont = $(this).closest($(".container"));

        var tabs = ["tabAddress", "tabPeople0", "tabPeople1", "tabPeople2", "tabPeople3", "tabPeople4"];
        var divs = ["divAddress0", "divPeople_0", "divPeople_1", "divPeople_2", "divPeople_3", "divPeople_4"];
        var indx = tabs.indexOf(tabid);
        for (var i = 0; i < divs.length; i++) {
            if (i == indx) {
                cont.find($("div[id$='" + divs[i] + "']")).show();
            }
            else {
                cont.find($("div[id$='" + divs[i] + "']")).hide();
            }
        }
    });
});

脚本的其余部分工作，删除和添加课程的行似乎不起作用。

有什么想法吗？

Answer 1

尴尬地说，但在挖掘代码之后，问题变成了css文件'li .selected'中的额外空格而不是'li.selected'。谢谢你的帮助

用户控件列表上的jQuery addClass

1 个答案: