☰

jQuery: 選択された要素のタグ名を取得する 質問する

tag-icon • tag-icon javascript html jquery css htmlelements
jQuery: 選択された要素のタグ名を取得する 質問する

タグ名を取得する簡単な方法はありますか?

たとえば、$('a')関数に渡された場合、 を取得したいのです'a'。

ベストアンサー1

を呼び出すことができます.prop("tagName")。例:

jQuery("<a>").prop("tagName"); //==> "A"
jQuery("<h1>").prop("tagName"); //==> "H1"
jQuery("<coolTagName999>").prop("tagName"); //==> "COOLTAGNAME999"


書き出すのが.prop("tagName")面倒な場合は、次のようなカスタム関数を作成できます。

jQuery.fn.tagName = function() {
  return this.prop("tagName");
};

例:

jQuery("<a>").tagName(); //==> "A"
jQuery("<h1>").tagName(); //==> "H1"
jQuery("<coolTagName999>").tagName(); //==> "COOLTAGNAME999"


慣例により、タグ名は大文字で返されることに注意してください。返されるタグ名をすべて小文字にしたい場合は、カスタム関数を次のように編集できます。

jQuery.fn.tagNameLowerCase = function() {
  return this.prop("tagName").toLowerCase();
};

例:

jQuery("<a>").tagNameLowerCase(); //==> "a"
jQuery("<h1>").tagNameLowerCase(); //==> "h1"
jQuery("<coolTagName999>").tagNameLowerCase(); //==> "cooltagname999"

おすすめ記事