[jQuery]表示状態かどうか判定する

  jQuery
【注意】
この記事は過去に別サイトで執筆したものを再掲載したものです。
内容が古くなっていて現在では適用できない場合や、もっと良い方法が出来ている場合があります。
 

show()hide()でオブジェクトの表示/非表示を切り替えることができる。
逆にオブジェクトが表示状態なのか、非表示状態なのか判定する方法。
条件 ‘:visible’ で表示状態を、 ‘:not(:visible)’ で非表示状態を絞り込めるのでこれを利用する。

自身が非表示であるかの判定
if ($(obj).is(':not(:visible)')) { 私は非表示である }
親が非表示となっているかを判定する場合
if ($(obj).parents(':not(:visible)').length > 0)) { 非表示の配下に属している }

LEAVE A COMMENT