如何檢索 jQuery 元素的標籤名稱？

使用 jQuery 檢索標籤名稱

在 jQuery 中查詢元素提供對各種屬性的訪問，包括標籤名稱。本指南探討了取得給定選定元素的標籤名稱的有效方法。

取得標籤名稱

.prop() 方法可讓您擷取標籤名稱使用 .prop("tagName")。以下是一些範例：

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中文網其他相關文章！