البحث عن عناصر HTML فارغة باستخدام jQuery

إذا كنت بحاجة إلى تحديد ما إذا كان عنصر HTML فارغًا في تطبيق ويب، فإن jQuery يوفر طريقة ملائمة طريقة للقيام بذلك. إليك كيفية تحقيق ذلك باستخدام jQuery:

استخدام محدد is(':empty'):

يقوم محدد is(':empty') بالتحقق مما إذا كان لا يحتوي العنصر على عقد فرعية أو محتوى نصي. يمكن استخدامه على النحو التالي:

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

سيؤدي هذا الرمز إلى تشغيل مقطع التعليمات البرمجية المقدم فقط إذا كان العنصر ذو المعرف "element" فارغًا.

التعامل مع العناصر غير المرئية:

لاحظ أن تفسير المتصفح للعنصر الفارغ قد يختلف. قد يتم اعتبار بعض أحرف المسافات البيضاء، مثل المسافات وفواصل الأسطر، فارغة بواسطة متصفح واحد ولكن ليس بواسطة متصفح آخر.

لضمان الاتساق وتجاهل العناصر غير المرئية، يمكنك إنشاء وظيفة مخصصة:

function isEmpty(el) {
    // Use $.trim() to remove leading and trailing whitespace
    return !$.trim(el.html());
}

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

ستتجاهل هذه الوظيفة المسافات وفواصل الأسطر غير المرئية، مما يوفر نتيجة أكثر اتساقًا. يمكنك أيضًا تحويله إلى مكون إضافي لـ jQuery لسهولة الاستخدام.

في الختام: