تحقق مما إذا كان للجسم فئة معينة باستخدام JavaScript

في سطور التعليمات البرمجية أعلاه:

• تشمل ' مسج 'للاستفادة من وظائفها.
• وبالمثل ، قم بتضمين ' <الجسم> 'عنصر له الفئة المحددة.
• أيضًا ، أضف ' </strong> 'داخل العنصر المحدد في الخطوة السابقة.</li> <li> في كود JS ، قم بالوصول إلى ' <strong> <الجسم></strong> ' عنصر. أيضًا ، قم بتطبيق ' <strong> hasClass ()</strong> 'للبحث عن الفئة المحددة في العنصر الذي تم جلبه.</li> <li> سيؤدي هذا إلى تنبيه الرسالة السابقة نتيجة لحالة مرضية.</li> <li> في الحالة الأخرى ، سيتم عرض العبارة الأخيرة.</li> </ul> <p> <strong> انتاج |</strong> <br> <img alt="" class="alignnone size-full wp-image-262167" src="https://softoban.com/img/other/B0/check-if-body-has-a-specific-class-using-javascript-3.gif"></p> <p> الناتج أعلاه يعني أن المتطلبات المطلوبة قد تم تحقيقها.</p> <h2> استنتاج</h2> <p> ال ' <strong> قائمة الطبقة</strong> 'الملكية و' <strong> يحتوي على()</strong> 'طريقة' <strong> getElementsByTagName ()</strong> ' و ' <strong> مباراة()</strong> '، أو' <strong> مسج</strong> 'للتحقق مما إذا كان لدى الجسم فئة معينة باستخدام JavaScript. يمكن استخدام هذه الأساليب للبحث عن فئة معينة داخل عنصر من خلال الإشارة إلى العنصر المقابل مباشرةً ، من خلال علامته ، أو باستخدام طريقة jQuery. توضح هذه المدونة للتحقق مما إذا كان لدى الجسم فئة معينة في JavaScript</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/akhr/" class="tag-cloud-link">آخر</a> </div> </div> </div><!-- END--> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">فئة</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">فطيرة التوت</a> </li><li> <a href="/ethernet/">إيثرنت</a> </li><li> <a href="/other/">آخر</a> </li><li> <a href="/nano/">نانو</a> </li><li> <a href="/zoom/">تكبير</a> </li><li> <a href="/cinnamon/">قرفة</a> </li><li> <a href="/reviews/">المراجعات</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">مذياع</a> </li><li> <a href="/minecraft/">ماين كرافت</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">ضغط</a> </li><li> <a href="/laravel/">ارافيل</a> </li><li> <a href="/aircrack/">ايركراك</a> </li><li> <a href="/office-productivity-software/">برامج الإنتاجية المكتبية</a> </li><li> <a href="/boot/">حذاء طويل</a> </li><li> <a href="/system-calls/">مكالمات النظام</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">الشبكات</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">أعرج</a> </li><li> <a href="/plex/">نوع من أنواع الصفائح من نوع Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">عامل ميناء</a> </li><li> <a href="/firewall/">جدار الحماية</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">سينولوجيا</a> </li><li> <a href="/pdf/">بي دي إف</a> </li><li> <a href="/ethereum/">اثير</a> </li><li> <a href="/parrot-os/">نظام الببغاء</a> </li><li> <a href="/sublime/">سامية</a> </li><li> <a href="/selinux/">سيلينو</a> </li><li> <a href="/hyper-v/">مفرط- V</a> </li><li> <a href="/phone/">هاتف</a> </li><li> <a href="/kodi/">الشفرة</a> </li><li> <a href="/gnome/">جنوم</a> </li><li> <a href="/manjaro/">رقة</a> </li><li> <a href="/mouse/">الفأر</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">ميتاسبلويت</a> </li><li> <a href="/torrent/">سيل</a> </li><li> <a href="/tablet/">لوح</a> </li><li> <a href="/pycharm/">بيشارم</a> </li><li> <a href="/curl/">لفة</a> </li><li> <a href="/kde/">أين</a> </li><li> <a href="/gcc/">مجلس التعاون الخليجي</a> </li><li> <a href="/fonts/">الخطوط</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">نفيديا</a> </li><li> <a href="/images/">الصور</a> </li><li> <a href="/usb/">يو اس بي</a> </li><li> <a href="/squid/">حبار</a> </li><li> <a href="/mate/">رفيق</a> </li><li> <a href="/vlc-media-player/">مشغل الميديا ​​vlc</a> </li><li> <a href="/dns/">نظام أسماء النطاقات</a> </li><li> <a href="/bitcoin/">بيتكوين</a> </li><li> <a href="/keyboard/">لوحة المفاتيح</a> </li><li> <a href="/inkscape/">إنكسكيب</a> </li><li> <a href="/encryption/">التشفير</a> </li><li> <a href="/fedora/">فيدورا</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">الماسح الضوئي</a> </li><li> <a href="/atom/">ذرة</a> </li><li> <a href="/red-hat/">قبعة حمراء</a> </li><li> <a href="/teamviewer/">برنامج Teamviewer</a> </li><li> <a href="/skype/">سكايب</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">دفتر Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">مدونة</a> </li><li> <a href="/lvm/">لفم</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">مشغلات الوسائط</a> </li><li> <a href="/posix/">بوسيكس</a> </li><li> <a href="/steam/">بخار</a> </li><li> <a href="/jenkins/">جينكينز</a> </li><li> <a href="/power/">قوة</a> </li><li> <a href="/oracle-linux/">أوراكل لينكس</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">متر مربع</a> </li><li> <a href="/bluetooth/">بلوتوث</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">سيطرة</a> </li><li> <a href="/gentoo/">جنتو</a> </li><li> <a href="/odyssey/">ملحمة</a> </li><li> <a href="/audio/">صوتي</a> </li><li> <a href="/cpu/">وحدة المعالجة المركزية</a> </li><li> <a href="/tensorflow/">تينسورفلو</a> </li><li> <a href="/autodesk/">أوتوديسك</a> </li><li> <a href="/lubuntu/">لوبونتو</a> </li><li> <a href="/llvm/">لفم</a> </li><li> <a href="/windows/">شبابيك</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (قديم)</a> </li><li> <a href="/internet-explorer/">متصفح الانترنت</a> </li><li> <a href="/office/">مكتب. مقر. مركز</a> </li><li> <a href="/akhr/">آخر</a> </li><li> <a href="/skayb/">سكايب</a> </li><li> <a href="/nzam-asma-alntaqat/">نظام أسماء النطاقات</a> </li><li> <a href="/ftyrt-altwt/">فطيرة التوت</a> </li><li> <a href="/kamyra-wyb/">كاميرا ويب</a> </li><li> <a href="/mshghlat-alwsayt/">مشغلات الوسائط</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/habrwksy/">هابروكسي</a> </li><li> <a href="/jnwm/">جنوم</a> </li><li> <a href="/hdha-twyl/">حذاء طويل</a> </li><li> <a href="/samyt/">سامية</a> </li><li> <a href="/awbwntw-24-04-cat/">أوبونتو 24.04</a> </li><li> <a href="/com-nextcloud/">com.nextcloud</a> </li><li> <a href="/fdylt/">فضيلة</a> </li><li> <a href="/nfydya/">نفيديا</a> </li><li> <a href="/bwr-usb/">عبور USB</a> </li><li> <a href="/fydwra/">فيدورا</a> </li><li> <a href="/alaqla-alamn/">#الإقلاع الآمن</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">المشاركات الشعبية</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/windows/95/windows-10-forgets-passwords-outlook.png);"></a> <div class="text"> <h3 class="heading"> <a href="/windows-10-forgets-passwords-outlook">ينسى Windows 10 كلمات المرور في Outlook و Edge و Chrome وما إلى ذلك - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> شبابيك</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/13/pandas-to-dictionary-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/albanda-aly-alqamws">الباندا إلى القاموس</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/4D/how-to-use-ceil-function-in-php-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-astkhdam-wzyft-ceil-fy-php">كيفية استخدام وظيفة ceil () في PHP؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C1/what-are-all-the-nitro-badges-on-discord-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ma-hy-jmy-sharat-nytrw-almwjwdt-ly-alftnt">ما هي جميع شارات نيترو الموجودة على الفتنة</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/76/creating-a-tic-tac-toe-game-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ansha-l-bt-tyk-tak-tw-blght-c">إنشاء لعبة تيك تاك تو بلغة C++</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/33/printing-hex-values-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/tba-t-alqym-alsdasyt-fy-c">طباعة القيم السداسية في C++</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/FC/how-to-use-rpm-command-in-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-astkhdam-amr-rpm-fy-linux">كيفية استخدام أمر RPM في Linux</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A7/how-to-change-the-proxy-settings-in-chrome-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-tghyyr-a-dadat-alwkyl-fy-krwm">كيفية تغيير إعدادات الوكيل في كروم؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/90/how-to-clean-install-nvidia-drivers-on-ubuntu-22-04-lts-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-tnzyf-tthbyt-bramj-tshghyl-nvidia-ly-ubuntu-22-04-lts">كيفية تنظيف تثبيت برامج تشغيل NVIDIA على Ubuntu 22.04 LTS</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/06/what-is-amazon-simple-workflow-service-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ma-hy-khdmt-syr-al-ml-albsytt-mn-amazwn">ما هي خدمة سير العمل البسيطة من أمازون؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/windows/88/how-clear-customize-notifications-icons-windows.png);"></a> <div class="text"> <h3 class="heading"> <a href="/how-clear-customize-notifications-icons-windows">كيفية مسح تخصيص رموز الإخطارات (علبة النظام) في Windows؟ - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> شبابيك</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A5/how-to-install-flasharch-8211-adobe-flash-swf-player-on-linux-mint-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-tthbyt-flasharch-adobe-flash-swf-player-ly-linux-mint">كيفية تثبيت FlashArch - Adobe Flash SWF Player على Linux Mint</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/1B/how-to-make-a-gif-discord-banner-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-j-l-sh-ar-alftnt-gif">كيفية جعل شعار الفتنة GIF</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/44/how-to-create-a-while-loop-to-repeat-when-the-condition-is-true-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-ansha-hlqt-alwqt-lltkrar-ndma-ykwn-alshrt-shyha-a-fy-matlab">كيفية إنشاء حلقة الوقت للتكرار عندما يكون الشرط صحيحًا في MATLAB</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C6/3-easy-ways-to-place-two-divs-side-by-side-in-css-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/3-trq-shlt-lwd-mqt-y-divs-jnba-a-aly-jnb-fy-css">3 طرق سهلة لوضع مقطعي Divs جنبًا إلى جنب في CSS</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/windows/13/how-adjust-aero-peek-desktop-preview-mouse-hover-delay-windows-7-winhelponline.png);"></a> <div class="text"> <h3 class="heading"> <a href="/how-adjust-aero-peek-desktop-preview-mouse-hover-delay-windows-7-winhelponline">كيفية ضبط التأخير في Aero Peek Desktop Preview Mouse في Windows 7 - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> شبابيك</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/3A/how-to-install-starship-shell-prompt-for-zsh-on-mac-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-tthbyt-starship-shell-prompt-l-zsh-ly-nzam-mac">كيفية تثبيت Starship Shell Prompt لـ Zsh على نظام Mac؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A3/what-do-cows-eat-in-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/madha-takl-alabqar-fy-minecraft">ماذا تأكل الأبقار في Minecraft</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D0/how-to-find-out-chatgpt-s-current-status-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-m-rft-alwd-alhaly-l-chatgpt">كيفية معرفة الوضع الحالي لـ ChatGPT؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/06/revolt-an-open-source-alternative-to-discord-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/althwrt-bdyl-mftwh-almsdr-llkhlaf">الثورة - بديل مفتوح المصدر للخلاف</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div> </div> </div> </div><!-- END COL --> </div> </section> </div><!-- END COLORLIB-MAIN --> </div><!-- END COLORLIB-PAGE --> <!-- loader --> <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>