HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <style> div{ border: 1px solid black; margin: 10px 0px; } </style> </head> <body> <h1>jQuery :only-of-type Selector</h1> <p>This is paragraph1</p> <div> <p>This is paragraph1</p> </div> <div> <p>This is paragraph1</p> <p>This is paragraph2</p> </div> <div> <p>This is paragraph1</p> <a href="/css">Learn CSS</a> </div> <script> $(document).ready(function(){ $("p:only-of-type").css("color","green"); }); </script> </body> </html>
OUTPUT
×

Save as Private