0

クリックしたときに強調表示される URL のリストを作成したいのですが、一度に強調表示できるリンクは 1 つだけです。

リセットボタンを機能させることができます。使用済みremoveAttr) - $("a").removeAttr("style")- (このようにすることのマイナス点はありますか?)

しかし、一度に 1 つのハイライトだけを行うことはできません。

一度に 1 つのリンクのみを強調表示するサンプル コードを教えてもらえますか? 現在、複数のリンクを強調表示することが可能です。

Jsfiddle http://jsfiddle.net/M3vVw/3/で例を作成できました

4

4 に答える 4

2

この方法で行うことをお勧めします: CSS ルールを作成し、クリックした要素に適用し、最初にすべてのリンクから同じスタイルを削除します。

jQuery

$("a").click(function () {
    $('a').removeClass('back');
    $(this).addClass('back');
});
$("#btn").click(function () {
    $("a").removeClass("back")
});

CSS

.back {
    background-color: #ff3fff;
}

jsFiddle の例

于 2013-04-12T15:19:42.867 に答える
0

LIVE DEMO

CSS:

a.active{
    background:#ff3fff;
}

jQuery:

function removeActive(){
    $("a").removeClass("active");
}

$("a").click(function( e ){
    e.preventDefault();
    removeActive();
    $(this).addClass("active");
});

$("#btn").click(removeActive);
于 2013-04-12T15:25:52.373 に答える