今天我有以下问题。 我想预先编写脚本,这些脚本将在我隐藏的活动链接上强调。 我不知道该怎么做。 你能给我一些建议吗?
我有想法,但我不知道这是不是很好的解决方案。
我想我应该准备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
更多推荐
发布评论