Jquery 单击“工作不正常”

我正在使用bootstrap创建一个包含自定义内容的列表组。问题是列表项必须有一个名为“active”的属性，因此元素的背景是蓝色的。我想要的是，当我点击另一个列表项时，它必须获得“active”类，这样它才能有一个蓝色的背景

下面是一些代码：

<div class="col-md-6 col-md-offset-3 list-group lista"><!--Center of the container-->
            <a href="" class="list-group-item active" id="act">
                <h4 class="list-group-item-heading">Actualizacion</h4>
                <p class="list-group-item-text">Realizamos actualizacion de software ya sea que tu telefono este lento, presente errores extranos
                    en su comportamiento o simplemente quieras subir la version actual.
                </p>
            </a>

            <a href="" class="list-group-item" id="unl">
                <h4 class="list-group-item-heading">Liberacion</h4>
                <p class="list-group-item-text">
                    Quieres cambiar de operador y no puedes porque tu telefono no tiene las bandas abiertas?
                    Vas a salir de viaje y necesitar una SIM CARD en el exterior?
                    Trae tu telefono podemos realizarle un desbloqueo de bandas para que trabaje con cualquier operador
                    a nivel mundial (1).
                </p>
            </a>
        </div>

当我尝试此项时，我单击的项获得蓝色背景，但立即丢失，而上一项仍保留蓝色背景。

---

如何修复此问题。您的代码工作正常，并获得了蓝色背景。但是，您有锚定标记，它是makeredirect。放在这里，

e.preventDefault（）

代码运行良好，但您可以尝试下面的代码

从所有元素中删除活动类，并将活动类添加到单击的元素中

$(".lista").on("click", "a", function(e){
    e.preventDefault();
     $('a.list-group-item').removeClass("active");
     $(this).addClass("active");
});

这对我来说很好。您使用的是什么版本的jquery？谢谢@Terry我刚刚复制了您放在JSFIDIE中的脚本，现在工作正常再次感谢
 $(".lista").on("click", "a", function(e){
   e.preventDefault();
   $(this).siblings().removeClass("active");
   $(this).addClass("active");
 });

$(".lista").on("click", "a", function(e){
    e.preventDefault();
     $('a.list-group-item').removeClass("active");
     $(this).addClass("active");
});