【jQuery】URLに特定の文字列が含まれているか判定する

Web開発において、特定のURLに特定のパラメータやクエリ文字列が含まれているかどうかを確認する必要があることがよくあります。例えば、特定のキーワードやカテゴリに関連するコンテンツを表示するために、URL内の文字列をチェックすることがあります。この記事では、jQueryを使用してURLに特定の文字列が含まれているかどうかを判別する方法について説明します。

サンプル
まとめ

サンプル

<!DOCTYPE html>
<html>
<head>
  <title>URLの文字列チェック</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <p>現在のURLをチェックします。</p>

  <script>
    $(document).ready(function() {
      // 現在のURLを取得
      var currentURL = window.location.href;

      // チェックしたい文字列
      var searchString = "特定の文字列";

      // 文字列がURLに含まれているかチェック
      if (currentURL.indexOf(searchString) !== -1) {
        alert("URLに特定の文字列が含まれています。");
      } else {
        alert("URLに特定の文字列が含まれていません。");
      }
    });
  </script>
</body>
</html>

このコードでは、jQueryを使用して現在のURLを取得し、指定した文字列がURLに含まれているかどうかを確認しています。もし文字列がURLに含まれていれば、アラートメッセージが表示されます。

まとめ

URL内の特定の文字列をチェックすることは、Web開発のさまざまな場面で役立ちます。jQueryを使用すると、簡単にURL内の文字列を確認できます。これを利用して、ユーザーに適切なコンテンツを提供したり、特定のアクションをトリガーしたりすることができます。

URL内の文字列をチェックするためのこのシンプルな方法を活用して、Web開発プロジェクトをスムーズに進めてみてください！