使用jquery以嵌套形式提交子表单

使用jQuery以嵌套形式提交子表单的方法如下：

首先，在HTML中创建一个主表单和子表单。

<form id="mainForm">
  <div id="subForm1">
   <input type="text" name="subForm1-input1" />
   <input type="text" name="subForm1-input2" />
  </div>
  <div id="subForm2">
   <input type="text" name="subForm2-input1" />
   <input type="text" name="subForm2-input2" />
  </div>
 <button type="submit">提交</button>
</form>

使用jQuery选择主表单和子表单，并将子表单的数据添加到主表单中。

$("#mainForm").submit(function(event) {
  event.preventDefault();
  var mainFormData = $(this).serializeArray();
  var subForm1Data = $("#subForm1").find(":input").serializeArray();
  var subForm2Data = $("#subForm2").find(":input").serializeArray();
  var allData = mainFormData.concat(subForm1Data, subForm2Data);
  console.log(allData);
  // 在此处添加Ajax请求以提交数据
});

在这个例子中，我们首先阻止了主表单的默认提交行为，然后使用jQuery选择器选择主表单和子表单中的所有输入元素。我们将这些输入元素的值添加到一个名为allData的数组中，并在控制台中输出这个数组。最后，我们可以使用Ajax请求将数据发送到服务器。

注意：在实际应用中，我们需要将收集到的数据发送到服务器进行处理，可以使用jQuery的$.ajax()或$.post()方法实现。