Web制作で役立つメモをWEB MEMO LOG

2016.12.08

【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

About Site

同じことを何度も検索していたりするんで、検索して解決したことを残そうと思いまして。