jQuery を使用して選択した要素のタグ名を取得するにはどうすればよいですか?

jQuery を使用して選択した要素のタグ名を取得する

選択した要素のタグ名を知ることは、さまざまなシナリオで有益です。 jQuery は、この情報にアクセスする便利な方法を提供します。

.prop("tagName") を使用する

選択した要素のタグ名を取得するには、 「.prop('tagName')」メソッド。このメソッドは、要素のタグ名を文字列として提供します。例:

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

タグ名は、戻り値では通常大文字で表記されます。

カスタム関数の作成

「. prop('tagName')" は面倒ですが、カスタムのfunction:

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

この関数は次のように使用できます:

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

タグ名を小文字で取得する

タグを取得するには名前を小文字で指定するには、カスタム関数を次のように編集します:

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

この関数は次の目的で使用できます。タグ名を小文字で取得します:

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

以上がjQuery を使用して選択した要素のタグ名を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。