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

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

jQuery 内の指定された要素のタグ名を取得するための簡単なアプローチの模索セレクタ？このガイドでは、.prop("tagName") メソッドを使用してタグ名を迅速に取得するための包括的なガイダンスを提供します。

.prop("tagName") による解決策:

特定の jQuery オブジェクト $('selector') のタグ名を決定するには、単に .prop("tagName") 関数を利用します。例:

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

簡素化のためのカスタム関数:

プロセスを合理化するために、カスタム関数を定義できます:

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

これにより構文が簡素化され、タグを簡単に取得できるようになります。 names:

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

小文字のタグ名のサポート:

規則により、タグ名は大文字で返されます。小文字のタグ名を取得するには、カスタム関数を変更します:

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

この関数は小文字のタグ名を出力します:

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

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