This method checks if element matches the given CSS selector.
element.match(selector);
<html> <head> <title>Prototype examples</title> <script type="text/javascript" src="/javascript/prototype.js"> </script> <script> function showResult(){ if( $('fruits').match('ul') ){ alert( " $('fruits').match('ul') returns true " ); }else{ alert( " $('fruits').match('ul') returns false " ); } if( $('mcintosh').match('li#mcintosh.yummy') ){ alert("$('mcintosh').match('li#mcintosh.yummy') returns true"); }else{ alert("$('mcintosh').match('li#mcintosh.yummy') returns false"); } if( $('fruits').match('p') ){ alert( " $('fruits').match('p') returns true " ); }else{ alert( " $('fruits').match('p') returns false " ); } } </script> </head> <body> <p>Click the button to see the result.</p> <ul id="fruits"> <li id="apples"> <ul> <li id="golden-delicious">Golden Delicious</li> <li id="mutsu" class="yummy">Mutsu</li> <li id="mcintosh" class="yummy">McIntosh</li> <li id="ida-red">Ida Red</li> </ul> </li> </ul> <br /> <input type="button" value="Show Result" onclick="showResult();"/> </body> </html>
To understand it in better way you can Try it yourself.
Advertisement