Javascript 如何动态清除文本控件的文本？

我有一个表格的行和每行有一个编辑按钮。单击该按钮时，可以将行值设置为窗体上的窗体控件

我希望当我调用$'txtFirstName'.empty时，它会清除txtFirstName中的文本。相反，文本不会被清除，当我再次调用表单时，它会在该控件中显示旧文本

有没有办法清除控件中的文本

$('#btnClear').click(function () {
    $('#txtFirstName').empty();
    $('#txtLastName').empty();
}

源代码显示为数据已清除

<tr>
    <td>
        <label for="employee_FirstName">First Name</label>
    </td>
    <td>
        <input class="form-control" data-val="true" data-val-required="The First Name field is required." id="txtFirstName" name="employee.FirstName" placeholder="First Name" style="width:400px" type="text" value="" />
    </td>
    <td>
        <span class="field-validation-valid" data-valmsg-for="employee.FirstName" data-valmsg-replace="true"></span>
    </td>
</tr>
<tr>
    <td>
        <label for="employee_LastName">Last Name</label>
    </td>
    <td>
        <input class="form-control" data-val="true" data-val-required="The Last Name field is required." id="txtLastName" name="employee.LastName" placeholder="Last Name" style="width:400px" type="text" value="" />
    </td>
    <td>
        <span class="field-validation-valid" data-valmsg-for="employee.LastName" data-valmsg-replace="true"></span>
    </td>
</tr>

这些信息可能来自缓存，但我不确定。

正如他在上文中所说，您要查找的是

获取匹配元素集中第一个元素的当前值，或设置每个匹配元素的值

不做你认为应该做的事

从DOM中删除匹配元素集的所有子节点

因为您正在尝试更改元素的值，而不是从DOM中删除元素，所以应该使用

作为补充说明，上面的JavaScript中有一个语法错误。$'btnClear'参数列表末尾缺少右括号。请单击。无论这是否是一个复制粘贴错误，我想我会指出它

还请注意，您可以按类选择元素并应用于返回的jQuery对象，而不是应用于要清除的每个元素，这将把操作应用于具有匹配类的每个元素

下面是一个简单的例子：

$“清除”。单击函数{ $'.form control'.val； };

---

Clear.val-@rorymcrossan我也这么做了，但它显示了文本。表单有一个关闭按钮，在单击事件中，我已经编写了清除文本字段的代码，但问题仍然存在@PhillGreggan:工作正常：也许您可以显示您正在使用的实际代码，但该代码没有按预期工作？我猜您有多个相同id的输入，而同一文档中的id应该是唯一的，如果是这种情况，请将id='txtFirstName'替换为class='txtFirstName'。@PhillGreggan:empty不会做您认为它会做的事情。对这个问题的第一个评论是你的回答：