按下回车后如何清空输入字段？

Question

我在按 Enter 后无法弄清楚如何清空输入字段。这是我的代码：

$('input').keypress(function(event){
  if(event.which===13){
    // we'll add stuff here
        var todoItem = $(this).val();
        $('ul').append(
        `<li>
        ${todoItem}
        <span>
          <i class="far fa-trash-alt"></i>
         </span>
        </li>
          `);
  }
});

Answer 1

我看到您已经熟悉 .val()，根据 jQuery 文档 (https://api.jquery.com/val/)，它在不使用参数时用于“获取匹配元素集中第一个元素的当前值。 "但是，您也可以使用带有value 参数的相同方法来“设置匹配元素集中每个元素的值”。通过将值设置为空字符串，如下所示：.val('')，您可以在需要时清除输入字段。