How to fix jquery/javascript value is not showing 2nd time in html

Question

I am trying to use year multiple times in an HTML page using the below script

$('#year').text(new Date().getFullYear());

It is getting displayed first time but 2nd time it is not working. I am using below code in html

<p>Copyright &copy;
  First Time<span id="year"></span> - Second Time<span id="year"></span>
</p>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"> 
  <title>Jquery Date issue</title>
</head>
<body> 
    <p>Copyright &copy;
            First Time<span id="year"></span> - Second Time<span id="year"></span>
    </p>
  <script src="http://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
    crossorigin="anonymous"></script>

  <script>
    // Get the current year for the copyright
    $('#year').text(new Date().getFullYear());   
  </script>
</body>

</html>

The code is here https://jsfiddle.net/vptechworld/z0gmobyw/5/

An "id" value must be *unique* on the page. Also your first `
` should be inside, not outside, the document. — Pointy, Feb 03 '19 at 13:54

score 0 · Answer 1 · edited Feb 03 '19 at 14:00

0

You can not have two elements with same ID, but you can use same class.

<p>Copyright &copy;
  First Time<span class="year"></span> - Second Time<span class="year"></span>
</p>

$('.year').text(new Date().getFullYear());

edited Feb 03 '19 at 14:00

tobias

934
8
17

answered Feb 03 '19 at 13:55

vmf91

1,897
19
27

thanks got it @tobias – vptechworld Feb 03 '19 at 14:39

How to fix jquery/javascript value is not showing 2nd time in html

1 Answers1