リンクを無効にするには、次の操作を行います。

$("td > a").attr("disabled", "disabled");

再度有効にするには:

$("td > a").removeAttr("disabled");

の代わりに.is("[disabled]")を使用することもできます(jQuery 1.6+では、属性が設定されていない場合は.attr("disabled") != undefined常に が返されます)。ただし、こちらの方がはるかに明確です (このヒントを提供してくれた Dave Stewart に感謝します)。ここでは、属性を非標準的な方法で使用していることに注意してください。この点が気になる場合は、属性をクラスに置き換え、を に置き換えてください (とを追加および削除します)。undefinedis()disabled.is("[disabled]").hasClass("disabled")addClass()removeClass()

ゾルターン・タマーシコメントで指摘された「場合によっては、クリック イベントがすでに何らかの「実際の」関数にバインドされています (たとえば、knockoutjs を使用)。その場合、イベント ハンドラーの順序によって問題が発生する可能性があります。そのため、リンクのtouchstart、mousedownおよびkeydownイベントに return false ハンドラーをバインドして、無効なリンクを実装しました。これにはいくつか欠点があります (リンクでタッチ スクロールが開始されなくなります)」が、キーボード イベントを処理すると、キーボード ナビゲーションを防止できるという利点もあります。

クリアされていない場合は、hrefユーザーが手動でそのページにアクセスできることに注意してください。

リンクをクリア

属性をクリアしますhref。このコードでは、イベント ハンドラーは追加されませんが、リンク自体は変更されます。リンクを無効にするには、次のコードを使用します。

$("td > a").each(function() {
    this.data("href", this.attr("href"))
        .attr("href", "javascript:void(0)")
        .attr("disabled", "disabled");
});

$("td > a").each(function() {
    this.attr("href", this.data("href")).removeAttr("disabled");
});

$("td > a").attr("disabled", "disabled").on("click", function() {
    return false; 
});

$("td > a").removeAttr("disabled").off("click");

a[disabled] {
    color: gray;
}

a.disabled {
    color: gray;
}