如何使用 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");
};

這簡化了語法，可以輕鬆檢索標籤名稱：

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