jQuery を使用して選択した要素のタグ名を簡単に取得するにはどうすればよいですか?-CSSチュートリアル-php.cn

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

Barbara Streisand

リリース： 2024-11-28 14:37:10

オリジナル

428 人が閲覧しました

How Can I Easily Get the Tag Name of a Selected Element Using 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 サイトの他の関連記事を参照してください。