我的脚本中的jQuery/JavaScript活动链接-错误下划线

今天我有以下问题。我想预录脚本，这将是在积极的联系，我剪辑强调。我不知道该怎么做。你能给我一些建议吗

我有个主意，但我不知道这是否是个好办法

我认为我应该准备css课程。应该是这样的：

.active {
text_decoration: underline;
}

我想我会使用method.addClass（“active”）和removeClass（“active”）

我编写了简单的代码，但它无法正常工作

$(function(){

    $("li input").on( "click", function(e) 
    {
        $(this).addClass("active");
    });
});

现在我不知道如何删除带有上一个元素（对象）的下划线

如果您试图在单击按钮时仅激活一个按钮

$(function(){

    $("li input").on( "click", function(e) 
    {
       $(this).addClass("active").siblings().parent().find('input').removeClass("active");

    });
});

而且你的css代码片段中也有一个输入错误。 应该是：

.active{
text-decoration:underline;
}

如果希望某个元素在页面刷新时保持活动状态，则只需在html标记上添加“活动”类，如下所示：

<li><input type="button" onClick="Clock(0)" value="MADRID" name="MADRID" class="active" /></li>

在您想要输入的任何列表项上，都有一些错误

$(function(){
    var ins = $("li input").on( "click", function(e) {
        ins.not(this).removeClass('active')
        $(this).addClass("active");
    });
});

及

---

演示：

将CSS中的类声明更改为

.active
{
    text-decoration : underline; /* YOU HAD WRITTEN 'text_decoration' */
}

---

将“_”替换为“-”

好的，它可以工作，我还有一个问题，我想在刷新页面时在一个元素下面划线。@DawidPierwoła只需将活动类添加到所需的元素中即可

.active {
    text-decoration: underline;
}

.active
{
    text-decoration : underline; /* YOU HAD WRITTEN 'text_decoration' */
}