Question

我正在尝试从文本输入框中取值，然后在屏幕上显示它。

我有这个JS块作用于以下HTML

.orange{
  background:orange
}

<table id="table-843" cellspacing="0" class="comment">
  <tbody>
    <tr id="43">
      <td class="vote_comment">3</td>
      <td class="content_comment">anything1</td>
    </tr>
    <tr id="44">
      <td class="vote_comment">7</td>
      <td class="content_comment">anything2</td>
    </tr>
  </tbody>
</table>

目前程序不会打印该值，但会存储它，因为我可以将值打印到控制台。

Answer 1

由于p有id，您可以使用#：

$(".button").click(function(){
    var userName = $('#userNameInput').val();
    $('#userDisplay').html(userName);
});

Answer 2

userDisplay是id而不是class所以请使用#代替.

$(".button").click(function(){
    var userName = $('#userNameInput').val();
    $('#userDisplay').html(userName); // Changes here
});

Answer 3

您尝试通过类名访问输出p标记，但它有ID。

您需要更改此选择器：

$('.userDisplay')

是：

$('#userDisplay')

从输入框存储变量并在p标记中显示值

3 个答案: