Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on May 7th, 2012  |  syntax: None  |  size: 1.25 KB  |  hits: 11  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. How do I find if an element contains a specific class?
  2. if ($('#myElement').has('.myClass')) {
  3.    do work son
  4. }
  5.        
  6. <div id="myElement">
  7.     <img>
  8.     <span>something</span>
  9.     <span class="myClass">Hello</span>
  10. </div>
  11.        
  12. if($('#myElement .myClass')).length > 0)
  13.        
  14. if($('#myElement > .myClass')).length > 0)
  15.        
  16. if($('#myElement').find('.myClass').length > 0)
  17.        
  18. if($('#myElement').children('.myClass').length > 0)
  19.        
  20. if($('#myElement').children('.myClass').length) {
  21.     // Do what you need to
  22. }
  23.        
  24. if($('#myElement').children('.myClass').length > 0) {
  25.     // Do what you need to
  26. }
  27.        
  28. var element = document.getElementById("myElement");
  29.  
  30. var hasClass = recursivelyWalk(element.childNodes, function hasClass(node) {
  31.   return node.classList.contains("myClass");
  32. });
  33.  
  34. function recursivelyWalk(nodes, cb) {
  35.     for (var i = 0, len = nodes.length; i < len; i++) {
  36.         var node = nodes[i];
  37.         var ret = cb(node);
  38.         if (ret) {
  39.             return ret;
  40.         }
  41.         if (node.childNodes && node.childNodes.length) {
  42.             var ret = recursivelyWalk(node.childNodes, cb);
  43.             if (ret) {
  44.                 return ret;
  45.             }
  46.         }
  47.     }
  48. }
  49.        
  50. if($.contains($('#myElement'), $('.myClass'))){
  51.     alert("True");
  52. }
  53. else{alert("False")};