如何创建一个克隆可以多次使用的元素的函数？

Question

我创建了一个jQuery函数，用于克隆一个字段（或一组字段），以防用户想要添加其他数据。例如，只有一个发言人姓名字段。但如果有2个或更多，用户点击“添加更多扬声器”按钮，将显示另一个字段。

但是，如何编辑该功能，以便我可以在页面中多次使用此功能来处理需要复制的不同字段（例如，我还有“添加更多访客”）。如果我使用相同的类，无论该按钮属于哪个集，都会触发所有类。

E.g。单击“添加更多扬声器”也将克隆“添加更多访客”字段。

HTML：

<label>Form Label</label>
<div class="j-field">
  <div class="j-field-set">
    <input type="text">
  </div>
</div>

<a href="" class="j-add-field"> Add Form Field</a> 

jQuery的：

function cloneOption(cloneTrigger, cloneObject, cloneObjectParent) {
  $(cloneTrigger).click(function(e) {
    $(cloneObject).first().clone().appendTo(cloneObjectParent);
    e.preventDefault();
  });  
}

cloneOption(".j-add-field",".j-field-set",".j-field");