我的脚本中的jQuery / JavaScript Active链接 – 下划线错误

今天我有以下问题。 我想预先编写脚本，这些脚本将在我隐藏的活动链接上强调。 我不知道该怎么做。 你能给我一些建议吗？

我有想法，但我不知道这是不是很好的解决方案。

我想我应该准备css课程。 它应该如下所示：

.active { text_decoration: underline; } 

我想我将使用方法.addClass（“active”）和removeClass（“active”）

我准备了简单的代码，但它并不能真正起作用。

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

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

Answer 1

你有一些错误

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

和

 .active { text-decoration: underline; } 

演示： 小提琴

Answer 2

将CSS中的类声明更改为

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

将’_’替换为’ – ‘

Answer 3

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

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

而且你的css代码片段中也有拼写错误。 它应该是 ：

 .active{ text-decoration:underline; } 

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

在你想要的任何列表项的输入上