2016年12月8日
【JS】parent?parents?closest?jQueryで親要素があるか判別する方法
jQueryで特定の親要素があるかないかを判別して特定の処理を行いたい場合の方法をメモメモ。
▼closestを使用して判別
if($(.child).closest(.parent).length > 0){ //セレクタ(.child)に特定の親要素(.parent)がある場合の処理 }else { //ない場合の処理 }
親要素を判別する方法として、「parent()」「parents()」「closest()」があります。
・parent() 直近の親要素を取得
・parents() 親要素、先祖要素まで取得
・closest() 親要素、先祖要素のうち直近の要素を取得
【参考】jQueryで親要素を取得する:parent(), parents(), closest() | UX MILK
関連記事
-
【JS】子要素に特定のクラスがあった場合に親要素にクラスを追加する等、jQueryでよく使うメソッド
【JS】子要素に特定のクラスがあった場合に親要素にクラスを追加する等、jQueryでよく使うメソッド
クリック時にクラスを追加するなど、よく使用するjQueryのメソッドをメモメモ。 ▼CSSの操作 [js] $(func・・・ -
【JS】要素のidやclassに特定の値が設定されていたら、処理を行う
【JS】要素のidやclassに特定の値が設定されていたら、処理を行う
jQueryを使用して要素のidやclassに特定の値が設定されていた場合、bodyにclassの値を付与するなど、何か・・・ -
【JS】jQueryで特定の要素(セレクタ)を対象外にする方法
【JS】jQueryで特定の要素(セレクタ)を対象外にする方法
jQueryで動作を設定しているけど、特定の要素のみ動作を行いたくない場合があるかと思います。 例えば、「#」のリンクを・・・ -
【JS】ブラウザの高さを自動で取得しCSSに設定する方法
【JS】ブラウザの高さを自動で取得しCSSに設定する方法
フル画面やファーストビューでブラウザの高さいっぱいにビジュアルを表示したい場合、幅は「width:100%;」で設定でき・・・ -
【JS】jQueryでブラウザの画面サイズで処理を判定する方法
【JS】jQueryでブラウザの画面サイズで処理を判定する方法
レスポンシブサイト等で、スマホのときには特定の処理をして、PCの場合は処理をしたくない場合がありますよね。 例えば、スマ・・・