[jQuery]テキストを維持した状態で、ハイパーリンクを消去

CSSを使用して、ハイパーリンクを無効にする方法は、 ここで確認することができます。 イーグルはjQueryを使用して ... タグを削除して、ハイパーリンクを無効にする方法を見てみましょう。

たとえば、次のようなHTMLコードがあると考えてみましょう。

<a href="http://www.google.com/" title="Link to Google">Google</a>

まずは、以下のように簡単に unwrap() メソッドを使用することができます(unwrap()詳細については、 ここを参照してください)。

$('a[title="Link to Google"]').contents().unwrap();

別の方法として replaceWith() メソッドを使用してみることができます(参照).

$("a[title='Link to Google']").each(function(){
$(this).replaceWith($(this).text());
});

以下の方法も考えてみることができます。

$("a[title='Link to Google']").replaceWith(function() {
return $(this).contents();
});
// Reference: stackoverflow

ハイパーリンクを変更するには、(例えば、特定の要素のリンクをwww.google.comに変更する場合)簡単に attr() メソッドを使用します。

$("a").attr("href", "http://www.google.com/")

参考までに ATTR 代わりに 小道具を使用すると、速度がより速くなるとし(参照).

$("a").prop("href", "http://www.google.com")

.prop().attr()の違いについて疑問と この記事を参考にしてみてください。

一部の記事にはアフィリエイトリンクが含まれている場合があり、パートナーの活動で一定額の手数料を受け取ることがあります。

コメントを残す

*電子メール情報は公開されません。