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

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 サイトの他の関連記事を参照してください。