jQueryを使用してリンクを新しいウィンドウで開く

Last Updated:2020年11月15日| | コメントを残す

特定のリンク(例えば、単一のリンクは、すべての外部リンクなど)をクリックしたときに、新しいウィンドウで開くようにしたい場合があります。 このような場合、HTMLソースで target = "_ blank"を挿入すると簡単に解決できますが、ソースコードを変更できない場合はどうすればよいですか? XNUMXつの方法でjQueryを使用して、targetに "_blank"属性を指定できます。

$("a").attr("target", "_blank");

上記のようなスクリプトを使用すると、すべてのリンクが新しいウィンドウ(新しいタブ)で開きます。

$("a.target-blank").attr("target", "_blank");

特定のクラスの場合、上記のような形式で指定してくれればされます。 複数のクラスまたはIDを指定する場合は、カンマで区切ってくれればされます。

特定のURLへのリンクだけを指定する場合は、次のような形式を使用することができます。

$('a[href=http://www.google.com]').attr('target','_blank');

WordPressでコメント内のすべてのリンクを新しいウィンドウで開くようにするには、次のようなスクリプトを使用することができます。

$(window).ready(function(){
// WordPress의 모든 댓글 링크에 target="_blank"를 추가합니다.
$('#comments a').each(function(){
$(this).attr('target','_blank');
});
});

他にも様々な応用が可能です。 .attr()詳細については、 この記事を参照してください。


コメントを残す

コメント

割引ニュース
DiviレイアウトAI発売記念割引!
AIで画像、テキスト、コーディング、フルページレイアウトを生成可能
ベストセラー WordPress テーマDivi
0
仕事
0
시간
0
0
期間限定
You This Coupon Code in Checkout
Click the code to Copy