在元素后重置表单？

Question

有这样的HTML代码：

<div class="addMore"></div>
<div class="adProfInner">
   <div class="formAdd"><form></form></div>
</div>

点击addMore需要将表单重置为容器formAdd

以下代码不起作用：

$(this).next('.adProfInner').find('form').trigger('reset');

Answer 1

可以尝试使用reset()。例如：

$('.addMore').click(function(){
    $(this).next('.adProfInner').find('form')[0].reset();
});

Answer 2

您也可以使用此方法。

$('.addMore').click(function(){
    $(this).next('.adProfInner').find('form').reset();
});

或

<div class="addMore"></div>
<div class="adProfInner">
   <div class="formAdd"><form id='my_form'></form></div>
</div>

脚本

 $('.addMore').click(function(){
        $('#my_form').reset();
    });