jQueryのclosest()をJavaScriptで代替するサンプルコード
jQueryのclosest()
メソッドは、指定したセレクタに最も近い親要素を取得するための便利なメソッドです。JavaScriptのみを使用して同様の機能を実現するためには、以下のようなサンプルコードを使用できます。
このサンプルコードでは、closest()
というカスタム関数を定義しています。この関数は、指定した要素(element
)から上方向に遡り、最も近い親要素を取得します。指定したセレクタ(selector
)と一致する要素が見つかった場合は、その要素が返されます。見つからなかった場合はnull
が返されます。
使用例では、element
として特定の要素を指定し、その最も近い親要素が'.parent'
というセレクタと一致するかどうかをチェックしています。結果はコンソールに出力されます。
注意点として、closest()
関数はElement.matches()
メソッドを使用してセレクタとの一致をチェックしています。このメソッドは一部の古いブラウザではサポートされていない場合があるので、必要に応じてポリフィルを使用するか、代替の方法を検討する必要があります。