Question

这是我的jQuery，我让它正常工作但是一旦添加了我的行，输入中的用户输入仍然存在并且没有被清除。我该如何解决这个问题？

   // Removing menu rows
    $('.menu-items').on('click', '.delete', function(){
      $(this).closest('.menu-row').remove();
    });

// HTML
var MENU_ROW_TEMPLATE = '<div class="menu-row"><span class="item-description">$description</span><div class="control-items"><span class="item-price">$price</span><span class="delete">X</span></div></div>'

// Adding menu rows
$('.menu-category').on('click', 'button', function(){
  var $row = $(this).closest('.add-item');
  var name = $row.find('input').first().val();
  var price = $row.find('input').last().val();

  var newRowHtml = MENU_ROW_TEMPLATE.replace('$description', name).replace('$price', price);

  var $newRow = $(newRowHtml);

  var $lastMenuRow = $row.closest('.menu-category').find('.menu-row').last();

  $newRow.insertAfter($lastMenuRow);
});

抱歉我的解释能力差。

Answer 1

获取值后清除名称和价格......

...
var name = $row.find('input').first().val();
var price = $row.find('input').last().val();
$row.find('input').first().val('');
$row.find('input').last().val('');
...

输入中需要文本一旦发送就不显示用户输入

1 个答案: