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