jQuery के साथ HTML तत्व रिक्तता का निर्धारण

वेब विकास के दायरे में, रिक्तता या गैर के आधार पर कार्यों को निष्पादित करना अक्सर आवश्यक होता है- HTML तत्वों की रिक्तता. jQuery का उपयोग करके इसे प्राप्त करने के लिए, आइए एक अचूक दृष्टिकोण का पता लगाएं।

यह सत्यापित करने के लिए कि क्या कोई HTML तत्व सामग्री से रहित है, jQuery is(':empty') चयनकर्ता प्रदान करता है। यह चयनकर्ता ऐसे तत्वों की जांच करता है जिनमें कोई भी चाइल्ड तत्व नहीं है, जिससे यह खाली तत्वों का पता लगाने का एक विश्वसनीय तरीका बन जाता है।

if ($('#element').is(':empty')) {
  // do something
}

इसके अतिरिक्त, अधिक विस्तृत नियंत्रण के लिए, आप रिक्त स्थान और लाइन ब्रेक जैसे अदृश्य वर्णों को अनदेखा करने के लिए $.trim(el.html()) फ़ंक्शन का उपयोग कर सकते हैं। यह एक खाली तत्व के गठन की व्याख्या करने में निरंतरता सुनिश्चित करता है:

function isEmpty(el) {
  return !$.trim(el.html());
}

if (isEmpty($('#element'))) {
  // do something
}

यह ध्यान देने योग्य है कि "खाली" की परिभाषा ब्राउज़रों में थोड़ी भिन्न हो सकती है। अधिक मानकीकृत दृष्टिकोण के लिए, इस फ़ंक्शन को jQuery प्लगइन में परिवर्तित किया जा सकता है।

is(':empty') चयनकर्ता या कस्टम isEmpty फ़ंक्शन का लाभ उठाकर, आप आत्मविश्वास से यह निर्धारित कर सकते हैं कि HTML तत्व खाली है या नहीं तदनुसार उचित कार्रवाई करें।