javascript - jQuery: चयनित तत्व टैग नाम प्राप्त करें




jquery-selectors (4)

JQuery 1.6 के रूप में आपको अब प्रोप कॉल करना चाहिए:

$target.prop("tagName")

http://api.jquery.com/prop/ देखें

टैग नाम पाने का कोई आसान तरीका है?

उदाहरण के लिए, अगर मुझे फ़ंक्शन में $('a') दिया गया है, तो मैं 'a' प्राप्त करना चाहता हूं।


आप .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('selector').attr("tagName").toLowerCase() उपयोग नहीं करना चाहिए jQuery('selector').attr("tagName").toLowerCase() , क्योंकि यह केवल Jquery के पुराने संस्करणों में काम करता है।

आप $('selector').prop("tagName").toLowerCase() उपयोग कर सकते हैं $('selector').prop("tagName").toLowerCase() यदि आप निश्चित हैं कि आप jQuery के संस्करण का उपयोग कर रहे हैं> = संस्करण 1.6।

ध्यान दें :

आप सोच सकते हैं कि हर कोई jQuery 1.10+ या अब कुछ (जनवरी 2016) का उपयोग कर रहा है, लेकिन दुर्भाग्य से यह वास्तव में मामला नहीं है। उदाहरण के लिए, आज भी कई लोग ड्रूपल 7 का उपयोग कर रहे हैं, और इस दिन ड्रूपल 7 की प्रत्येक आधिकारिक रिलीज में डिफ़ॉल्ट रूप से jQuery 1.4.4 शामिल है।

इसलिए यदि निश्चित रूप से पता नहीं है कि आपकी परियोजना jQuery 1.6+ का उपयोग करेगी, तो उन विकल्पों में से एक का उपयोग करने पर विचार करें जो jQuery के सभी संस्करणों के लिए काम करते हैं:

विकल्प 1 :

jQuery('selector')[0].tagName.toLowerCase()

विकल्प 2

jQuery('selector')[0].nodeName.toLowerCase()

यह अभी तक एक और तरीका है:

$('selector')[0].tagName




jquery-selectors