javascript - 如何使用此 JQuery 代码在单击重置按钮时清除输入字段的内容？

Question

代码:

<script type="text/javascript">
$(".reset_form").click(function() {
    $(this).closest('form').find("input, textarea").val("");
});
</script>

按钮:

<div class="reset_form">
    <a class="anchor_link">
        <span class="reset_button">
            Reset
        </span>
    </a>
</div>

使用上面的代码，我希望能够在用户单击reset_form时清除输入字段的内容。然而，作为 JS/JQuery 的新手，我不确定如何实现这一点，因为我没有使用输入按钮，而是使用看起来像按钮的 div。

问题

如何调整我的代码，以便当用户单击 .reset_button 时字段将被清除？

Answer 1

<div class="form-container">
    <form>
        <input type="text" />
        <textarea></textarea>
    </form>
    <div class="clear-form">
        <span class="reset_button">Reset form</span>
    </div>
</div>

$(document).ready(function() {
    $('.clear-form').on('click', function() {
        $(this).closest('.form-container').find('input, textarea').val('');
    });
});

Fiddle