1. ホーム
  2. javascript

[解決済み] jQueryを使用します。選択された要素のタグ名を取得する

2022-03-14 17:43:52

質問

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

例えば $('a') を関数に渡すと 'a' .

解決方法は?

を呼び出すことができます。 .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"