has selector
Description: Selects elements which contain at least one element that matches the specified selector.
The expression $('div:has(p)') matches a <div> if a <p> exists anywhere among its descendants, not just as a direct child.
Examples
Adds the class "test" to all divs that have a paragraph inside of them.Full source:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("div:has(p)").addClass("test"); }); </script> <style> .test{ border: 3px inset red; } </style> </head> <body> <div><p>Hello in a paragraph</p></div> <div>Hello again! (with no paragraph)</div> </body> </html>
Was this information helpful?
