如何使用 jQuery 取得選定元素的標籤名稱？

使用 jQuery 取得所選元素的標籤名稱

了解所選元素的標籤名稱在各種情況下都非常有用。 jQuery 提供了一種便捷的方式來存取此資訊。

使用 .prop("tagName")

要擷取所選元素的標籤名稱，您可以使用「.prop('tagName')」方法。此方法以字串形式提供元素的標籤名稱。例如：

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

標籤名稱在傳回值中通常會大寫。

建立自訂函數

如果您發現寫「. prop('tagName')"比較麻煩，可以建立自訂函數：

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

函數可以如下使用：

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

取得小寫的標籤名稱

取得標籤名稱為小寫，編輯自訂函數如下：

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

此函數可用於擷取小寫的標籤名稱：

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

以上是如何使用 jQuery 取得選定元素的標籤名稱？的詳細內容。更多資訊請關注PHP中文網其他相關文章！