今天我遇到了以下问题。我想预先准备脚本,该脚本将在我点击的事件链接上强调。我不知道该怎么做。你能给我一些建议吗??
我有想法,但我不知道它是否是好的解决方案。
我认为我应该准备 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>
最佳答案
你有一些错误
$(function(){
var ins = $("li input").on( "click", function(e) {
ins.not(this).removeClass('active')
$(this).addClass("active");
});
});
和
.active {
text-decoration: underline;
}
演示:Fiddle
关于javascript - 我的脚本中的 jQuery/JavaScript 事件链接 - 错误的下划线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17637262/