How to use a variable in a string in jQuery?


jQuery is a JavaScript library introduced to make development with JavaScript easier. Let us see how to use variable in a string using the html() method.

Example

You can try to run the following code to learn how to use variable in a string in jQuery −

Live Demo

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
   $(function(){
      $("a").click(function(){
        var id= $(".id").html();
        $('.myclass').html("<br><div class='new' id='" + id + "'>Hello</div>");            
      });
   });
</script>
</head>
<body>
   <div class="wrap">
      <a href="#">Click me</a>
      <div class="myclass"></div>
      <div class="id">Learners</div>
   </div>
</body>
</html>

Updated on: 12-Feb-2020

3K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements