ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery を使用してハイパーリンク ターゲットを変更するにはどうすればよいですか?

jQuery を使用してハイパーリンク ターゲットを変更するにはどうすればよいですか?

Barbara Streisand
リリース: 2024-12-11 06:23:10
オリジナル
737 人が閲覧しました

How Can I Use jQuery to Modify Hyperlink Targets?

jQuery を使用したハイパーリンク ターゲットの変更

多くの場合、読み込み後にハイパーリンクを別の宛先にリダイレクトすることが必要になります。 jQuery は、これを実現するためにハイパーリンクの 'href' 属性を操作する簡単なソリューションを提供します。

ハイパーリンクのターゲットを変更するには、次の構文を使用するだけです。

$("a").attr("href", "http://www.google.com/");
ログイン後にコピー

これにより、ページ上のすべてのハイパーリンクの「href」属性を更新し、それらを Google に再ルーティングします。ただし、選択を絞り込むには、より具体的なセレクターの使用を検討してください。

たとえば、ページに「リンク」タグと「アンカー」タグの両方が含まれている場合、アンカー タグを更新から除外することができます。これを行うには、セレクターが既存の 'href' 属性を持つ 'a' タグのみをターゲットにするように指定します。

$("a[href]")
ログイン後にコピー

または、次のような構文を使用してアンカーを特定の 'href' と照合することもできます。

$("a[href='http://www.google.com/']")
ログイン後にコピー

これは、「href」属性が指定された文字列と正確に一致するリンクをターゲットとします。 「href」の一部のみを更新するには、次のような手法を使用します。

$("a[href^='http://stackoverflow.com']")
.each(function() {
    this.href = this.href.replace(/^http:\/\/beta\.stackoverflow\.com/, "http://stackoverflow.com");
});
ログイン後にコピー

これにより、「href」が「http://stackoverflow.com」で始まるリンクが選択され、それらが次を指すように変更されます。別のドメインに。 jQuery の柔軟性により、さまざまな変更を簡単に行うことができます。

以上がjQuery を使用してハイパーリンク ターゲットを変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート