jQuery 要素のタグ名を取得するにはどうすればよいですか?

jQuery を使用したタグ名の取得

jQuery で要素をクエリすると、タグ名を含むさまざまな属性にアクセスできます。このガイドでは、選択した特定の要素のタグ名を取得する効果的な方法について説明します。

タグ名の取得

.prop() メソッドを使用すると、タグ名を取得できます。 .prop("タグ名") を使用します。以下にいくつかの例を示します:

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

便宜上、次のようにカスタム関数を作成できます:

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

これにより、以下が使用できるようになります:

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

タグ名は通常、大文字で返されることに注意してください。小文字の名前を使用する場合は、カスタム関数を変更できます:

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

タグ名を小さくした例:

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

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