Using jQuery find all the divisions with a name attribute that contains 'tutorial' and sets the background color yellow.
HTML Code :
<!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-git.js"></script> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>Using jQuery find all divisions with a name attribute that contains tutorial and sets the background color yellow.</title> <style type="text/css"> button { display: block; margin: 20px 0 0 0; } </style> </head> <body> <div name="tutorial-php"> <p>PHP</p> </div> <div name="java-articles"<p>Java</p> </div> <div name="python-tutorial-and-exercises"> <p>Python</p> </div> <button id="button1">Click to see the effect</button> </body> </html>
JavaScript Code :
$('#button1').click(function(){ $( "div[name*='tutorial']" ).css( "background", "yellow" ); });
total answers (1)
start bookmarking useful questions and collections and save it into your own study-lists, login now to start creating your own collections.
HTML Code :
JavaScript Code :