javascript - jquery实时文本更新和显示

Question

我想实时显示从 a<input>到另一个的文本副本<h5>。以下代码，我已经尝试过使用 jquery 3.1 但不起作用。谁能帮我解决它？

html:

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

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

查询：

$('#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/>

标签： javascriptjquery

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());
});

简单的 ：）