没有值的Javascript克隆

Question

使用clone()后，使用值克隆字段。我需要克隆没有值的重复字段。

Javascript功能：

$(document).ready(function(){
   $( ".add-row" ).click(function(){
      $( "ul.sea-service" ).first().clone().appendTo( ".personal-details1" );
   });
});

此外，我尝试在以下内容中添加.val("")，但也未成功：

$(document).ready(function(){
   $( ".add-row" ).click(function(){
      $( "ul.sea-service" ).first().clone().val("").appendTo( ".personal-details1" );
   });
});

你有什么想法吗？

以下是 JS FIDDLE ，尝试输入任意值并按+。

Answer 1

使用.find('input').val('')，如下所示。

$( ".add-row" ).click(function(){
  $( "ul.sea-service" ).first().clone().appendTo( ".personal-details1" ).find('input').val('');
});

UPDATED FIDDLE

Answer 2

你必须找到输入并清空它们

$( "ul.sea-service" ).first().clone().appendTo( ".personal-details1" ).find('input').val("");

https://jsfiddle.net/c68jo3kr/2/