![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
いつもお世話になっております。
JavaScriptでの条件分岐で実装したいことがあるのですが解らず悩んでおります。どなたかお知恵を拝借ください。
現在、HTML内に以下の要素があります。
・サイト内(同一ドメイン)にあるページへのテキストリンク
例) <a href="page2.html">PAGE2</a>
・SSL領域(別ドメイン+HTTPS)にあるページへのテキストリンク
例) <a href="https://secure.jp/~user/form.html">お問い合わせ</a>
・サイト内(同一ドメイン)にあるPDFファイルへのテキストリンク
例) <a href="example.pdf">サンプル資料</a>
・他のサイトへのテキストリンク
例) <a href="http://www.yahoo.co.jp/">Yahoo! Japan</a>
本題の実現したいことですが、上記の状態のリンク先をJavaScriptを用いて条件分岐させたうえで、jQueryによるonclickイベントを自動的に付与したいと思っています。
こちらの都合で申し訳ないのですが、JavaScriptをHTML上に直接記載する必要があるため、できる限り簡潔なソースで実現できれば尚助かります。
何卒よろしくお願い申し上げます。
No.1ベストアンサー
- 回答日時:
属性セレクタとnotなんかでいけると思う。
$("a[href^='https:']").click(function(){ // https:で始まるリンク
alert('https');return false;
});
$("a[href$='.pdf']").click(function(){ // .pdfで終わるリンク
alert('pdf');return false;
});
$("a[href^='http:']").click(function(){ // http:で始まるリンク
alert('http');return false;
});
$("a:not([href^='https:'][href$='.pdf'][href^='http:'])").click(function(){ // 上記以外のリンク
alert('その他');return false;
});
なお、上記例ではhrefのないAnchorの存在は考慮してないです。
この回答への補足
steel_gray様
ご連絡が遅くなり申し訳ございません。
その後いろいろと試して無事に解決することができました。
この度は本当にありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- SEO googleサーチコンソールで、重複URLが多数発生、その修正方法について 2 2023/06/23 16:15
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- PHP PHP MySql ページング 2 2022/09/20 06:38
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- その他(プログラミング・Web制作) pythonのWebスクレイピングでfind_allだとurlがNoneに 4 2022/04/17 18:21
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript JavaScript|特定URLだった時、特定の要素を変更するコードの書き方を教えてほしいです 2 2023/08/25 21:43
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
リンクに飛ばない・・・
-
フレームだけ閉じる方法ありま...
-
tableタグの中にあるinputタグ...
-
URLでEXEを呼出した際の、引数...
-
mailto + 変数名
-
<div>のタッチ状態を維持したま...
-
Dreamweaver で 外部JSを読み込...
-
window.openで同画面遷移しない
-
別ファイルのfunctionの読み込み方
-
getElementsByNameで要素が取得...
-
プルダウンメニューを別ファイ...
-
ウインドウの後ろに隠れている...
-
子フレームの自動リロードは可...
-
確認ダイアログで「キャンセル...
-
location.reload() について
-
window.openで404エラーがでます
-
新しいウィンドゥを最大化で立...
-
プラグイン無しでContactform7...
-
onLoadをbodyタグ以外で使用する
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
pythonのWebスクレイピングでfi...
-
html メールリンクにて自動ファ...
-
フレームだけ閉じる方法ありま...
-
相対パスと絶対パスの速度
-
本番環境とテスト環境のURL
-
POSTで<a hrefを送る方法について
-
mailto + 変数名
-
文字にふれただけでリンクさせ...
-
リンクに飛ばない・・・
-
<a href>での背景色について。
-
個別にハイパーリンクの色を指...
-
プルダウンメニューからリンク...
-
HTML内に記載された画像のURLを...
-
target="_blank"
-
ホームページ作成 ツリーメニュー
-
TARGET=_blankと、<a href="" o...
-
曲名のアンダーラインをなくすには
-
UWSCでインナーテキストが...
-
iPadのロングタップ(長押し)...
おすすめ情報