選択した jQuery 要素のタグ名を簡単に取得する方法

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

jQuery では、Web ページ上の要素を操作することがよくあります。作業している要素のタグ名を取得すると便利な場合があります。

タグ名を取得する簡単な方法はありますか?

たとえば、次のようになります。関数に $('a') が与えられ、'a' タグを取得したいとします。 name.

Answer

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

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

.prop("tagName") を書き出すのが面倒な場合は、カスタム関数を定義できます:

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

例:

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

慣例により、タグ名は大文字で返されます。小文字のタグ名を使用する場合は、カスタム関数を変更します:

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

例:

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

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