w3resource

jQuery: Set a value in a span

jQuery Practical exercise Part - I : Exercise-43

Set a value in a span using jQuery.

Sample Solution:

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>Set a value in  a  span using JQuery.</title>
</head>
<body>
<p>jQuery<span id="spanid" style="color:red"> Exercises</span>.</p>
<input id="button1" type="button" value="Click to see the changes" />
</body>
</html>

JavaScript Code:

$(document).ready(function(){ 
  $('#button1').click(function(){ 
   $("#spanid").html(" Exercises Solution");
   });
});

See the Pen jquery-practical-exercise-43 by w3resource (@w3resource) on CodePen.


Contribute your code and comments through Disqus.

Previous: Set value in input text using jQuery.
Next: Find the class of the clicked element.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Become a Patron!

Follow us on Facebook and Twitter for latest update.

It will be nice if you may share this link in any developer community or anywhere else, from where other developers may find this content. Thanks.

https://www.w3resource.com/jquery-exercises/part1/jquery-practical-exercise-43.php