如何修复的jQuery / JavaScript值没有出现在HTML第二次[复制]

问题描述 投票:0回答:1

这个问题已经在这里有一个答案:

我想用下面的脚本使用一年多次在HTML页面

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

它越来越显示第一次,但第二次就不能正常工作。我在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>

该代码是在这里https://jsfiddle.net/vptechworld/z0gmobyw/5/

javascript jquery
1个回答
0
投票

你不能有相同的ID两个元素,但你可以用相同的类。

<p>Copyright &copy;
  First Time<span class="year"></span> - Second Time<span class="year"></span>
</p>
$('.year').text(new Date().getFullYear());
© www.soinside.com 2019 - 2024. All rights reserved.