2019年12月17日(火)

jQueryで要素に特定の属性が存在するかどうかを判別する処理

• 0
• 11
• 0
• 3

以前に「jQueryで特定の要素が存在するかどうかを判別する処理」と題して、
Webページ上に特定の要素が存在するかどうかの判別を紹介しましたが
同じような判別で、要素に特定の属性がついているかどうか、といった
判別処理が必要になる場面にもわりと遭遇することがあるので
jQueryで要素の属性の存在の有無を判別する処理について
自分用のメモ書きとしてご紹介してみます。

jQueryで特定の属性が存在するかどうかを判別する処理【.attr】

HTMLタグそのものに対して判別させることも可能ですが
サンプルではID「#sample」に対して属性が存在するかどうか処理をしていきます。

属性が存在するかどうかの判別方法はいくつかありますが
最初は「.attr()」メソッドを使っての判別から。

「.attr()」メソッドは要素の属性を扱う処理になり
存在しない場合は値が空になり、存在しないという判別になるので
その動作を利用して処理していきます。

「.attr()」メソッドを使って「#sample」のIDがついた要素に
「style」属性が存在しているかどうか処理をしていきます。

まずは属性が存在しているかどうかの処理から...