我的脚本中的jQuery / JavaScript Active链接

我的脚本中的jQuery / JavaScript Active链接 - 下划线错误(jQuery/JavaScript Active link in my script - bad underline)

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

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

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

.active { text_decoration: underline; }

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

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

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

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

<ul> <li><input type="button" onClick="Clock(0)" value="MADRID" name="MADRID"/></li> <li><input type="button" onClick="Clock(0)" value="AMSTERDAM" name="AMSTERDAM"/></li> <li><input type="button" onClick="Clock(4)" value="ABU DHABI" name="ABU DHABI"/></li> <li><input type="button" onClick="Clock(1)" value="LONDON" name="LONDON"/></li> <li><input type="button" onClick="Clock(8)" value="HONG KONG" name="HONG KONG"/></li> <li><input type="button" onClick="Clock(8)" value="CHINA" name="CHINA"/></li> <li><input type="button" onClick="Clock(3)" value="ATHENS" name="ATHENE"/></li> <li><input type="button" onClick="Clock(8)" value="SINGAPORE" name="SINGAPORE"/></li> <li><input type="button" onClick="Clock(4)" value="MOSCOW" name="MOSCOW"/></li> <li><input type="button" onClick="Clock(7)" value="JAKARTA" name="JAKARTA"/></li> </ul>

Today i have the following problem. I would like to prepreing script which will be emphasized on active link which I clidked. I don't know how to do. Could you give me some advice??

I have idea, but i don't know if it is good solution.

I think that I should prepare css class. It should look like this:

.active { text_decoration: underline; }

I think that I will use method .addClass("active") and removeClass("active")

I prepared simple code, but it doesn't work proprely.

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

Nowadays i don't know how to remove underline with previous element(object)

<ul> <li><input type="button" onClick="Clock(0)" value="MADRID" name="MADRID"/></li> <li><input type="button" onClick="Clock(0)" value="AMSTERDAM" name="AMSTERDAM"/></li> <li><input type="button" onClick="Clock(4)" value="ABU DHABI" name="ABU DHABI"/></li> <li><input type="button" onClick="Clock(1)" value="LONDON" name="LONDON"/></li> <li><input type="button" onClick="Clock(8)" value="HONG KONG" name="HONG KONG"/></li> <li><input type="button" onClick="Clock(8)" value="CHINA" name="CHINA"/></li> <li><input type="button" onClick="Clock(3)" value="ATHENS" name="ATHENE"/></li> <li><input type="button" onClick="Clock(8)" value="SINGAPORE" name="SINGAPORE"/></li> <li><input type="button" onClick="Clock(4)" value="MOSCOW" name="MOSCOW"/></li> <li><input type="button" onClick="Clock(7)" value="JAKARTA" name="JAKARTA"/></li> </ul>

最满意答案

你有一些错误

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

和

.active { text-decoration: underline; }

演示： 小提琴

You have some bugs

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

and

.active { text-decoration: underline; }

Demo: Fiddle