jQuery实时文本更新和显示

Question

我想实时显示从<input>到另一个<h5>的文本副本。以下代码，我已经尝试过使用jQuery 3.1，但无法正常工作。谁能帮我修复它？

HTML：

<input type="text" id="name" />

<h5 id="show"><h5/>

jQuery：

$('#name').keyup(function () {
  $('#show').text($(this).val());
});

$('#name').keyup(function() {
  $('#show').text($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="name" />

<h5 id="show">
  <h5/>

Answer 1

使用class =“ show”代替id =“ show”

<input type="text" id="name">
<h5 class="show"></h5>
<h5 class="show"></h5>
<h5 class="show"></h5>

然后这里是js代码

$('#name').keyup(function () {
  $('.show').html('').append($(this).val());
});

简单：）