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

jQuery で選択した要素のタグ名を確認する方法

jQuery で選択した要素のタグ名を取得するのは簡単です。タスク。これは、HTML 構造を動的に取得したり、タグに基づいて要素を操作したりするなど、さまざまなシナリオで役立ちます。

解決策 1: .prop("tagName") を使用する

jQuery は、さまざまな要素のプロパティを取得または設定できる .prop() メソッドを提供します。タグ名を取得するには、.prop("tagName"):

const tagName = jQuery(element).prop("tagName");

例:

jQuery("<a>").prop("tagName"); // Output: "A"
jQuery("<h1>").prop("tagName"); // Output: "H1"

解決策 2: タグ名を作成するカスタムタグ名関数

を繰り返し書くと.prop("tagName") となります。面倒な場合は、カスタム関数を作成してプロセスを簡素化できます:

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

使用法:

const tagName = jQuery(element).tagName();

どちらのメソッドも要素のタグ名を大文字で返します。 。小文字のタグ名を使用する場合は、カスタム関数を変更します:

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

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