Javascript 似乎无法删除类“；精选；单击新的LI值时

我需要你的帮助

如何修改javascript代码，以便在选择新值时删除先前选择的css类关联对象

以下是我的问题图片：

这里有一把快速小提琴：

有关守则：

$(document).ready(function() {

    $(".dropdown dt a").click(function() {
        $(".dropdown dd ul").toggle();
    });

    $(".dropdown dd ul li a").click(function(e) {
        var text = $(this).html();

            $(this).removeClass('selected')
            $(this).addClass('selected');
            $(".dropdown dd ul").hide();


    });

    function getSelectedValue(id) {
        return $("#" + id).find("dt a span.value").html();
    }

    $(document).bind('click', function(e) {
        var $clicked = $(e.target);
        if (! $clicked.parents().hasClass("dropdown"))
            $(".dropdown dd ul").hide();
    });


});

---

从所有中删除

。选定的
，然后将其添加到新的中：

$(".dropdown dd ul li a").click(function (e) {
    var text = $(this).html();
    $(".dropdown dd ul li a").removeClass('selected');
    $(this).addClass('selected');
    $(".dropdown dd ul").hide();
});

从所有中删除
。选定的
，然后将其添加到新的中：

$(".dropdown dd ul li a").click(function (e) {
    var text = $(this).html();
    $(".dropdown dd ul li a").removeClass('selected');
    $(this).addClass('selected');
    $(".dropdown dd ul").hide();
});

Id不起作用，因为您正在删除和添加。选定的类<代码>$（this.removeClass（'selected'）$（this.addClass（'selected'）

为什么要从所有中删除.selected，而只有一个具有.selected类。
查找已选择的类，然后将其删除。然后将.selected添加到刚刚选定的

$(document).ready(function() {
            var dropdown = $(".dropdown");
            $(".dropdown dt a").click(function() {
                $(".dropdown dd ul").toggle();
            });

            $(".dropdown dd ul li a").click(function(e) {

                var text = $(this).html();

                if (e.ctrlKey) {

                    $(this).addClass('selected');

                }
                else {

                    $('.selected', dropdown).removeClass('selected');
                    $(this).addClass('selected');
                    $(".dropdown dd ul").hide();

                }

            });

            function getSelectedValue(id) {
                return $("#" + id).find("dt a span.value").html();
            }

            $(document).bind('click', function(e) {
                var $clicked = $(e.target);
                if (! $clicked.parents().hasClass("dropdown"))
                    $(".dropdown dd ul").hide();
            });


        });

Id不起作用，因为您正在删除和添加。选定的类<代码>$（this.removeClass（'selected'）$（this.addClass（'selected'）

为什么要从所有中删除.selected，而只有一个具有.selected类。
查找已选择的类，然后将其删除。然后将.selected添加到刚刚选定的

$(document).ready(function() {
            var dropdown = $(".dropdown");
            $(".dropdown dt a").click(function() {
                $(".dropdown dd ul").toggle();
            });

            $(".dropdown dd ul li a").click(function(e) {

                var text = $(this).html();

                if (e.ctrlKey) {

                    $(this).addClass('selected');

                }
                else {

                    $('.selected', dropdown).removeClass('selected');
                    $(this).addClass('selected');
                    $(".dropdown dd ul").hide();

                }

            });

            function getSelectedValue(id) {
                return $("#" + id).find("dt a span.value").html();
            }

            $(document).bind('click', function(e) {
                var $clicked = $(e.target);
                if (! $clicked.parents().hasClass("dropdown"))
                    $(".dropdown dd ul").hide();
            });


        });

虽然我建议您稍微重构一下构建它的方式，但为了使用您当前使用的代码解决它，请添加以下行
$（“.dropdown dd ul li a”）.removeClass（'selected'）在
中。下拉菜单dd ul LIA
单击功能

请看一下第10行，了解我的意思。
虽然我建议稍微重构一下您正在构建的方式，但为了使用您当前使用的代码解决它，请添加这一行
$（“.dropdown dd ul li a”）.removeClass（'selected'）在
中。下拉菜单dd ul LIA
单击功能

看看第10行，看看我的意思