Javascript 关闭div后将输入值设置为null

我有两个带“打开”和“关闭”按钮的输入，当我打开第二个输入并输入值，然后将其删除时，值保留在输入中，但没有消失，我尝试了一些方法，但没有成功，下面是我的代码：

$（函数（）{
$（'#openInput'）。单击（函数（）{
$（'.secondInput'）.toggle（）
});
});
$（“#关闭输入”）。单击（函数（）{
$（'.secondInput'）.toggle（）；
$（'.secondInput'）.val（''）；
});
.secondInput{
显示：无；}

打开



关
您必须使用
子类
方法才能
从div中找到输入元素

.val（）
方法主要用于获取表单元素的值，例如
input
、
select
和
textarea
，而不是
div

children方法获取集合中每个元素的子元素
匹配的元素，可选地由选择器过滤

另一种方法是直接在选择器中使用它：

$('.secondInput input').val('');


$（函数（）{
$（'#openInput'）。单击（函数（）{
$（'.secondInput'）.toggle（）
});
$（“#关闭输入”）。单击（函数（）{
$（'.secondInput'）.toggle（）；
$（'.secondInput'）.children（'input'）.val（''）；
});
});
.secondInput{
显示：无；}

打开



关
我在
元素中添加了
id
属性，然后将它们的值设置为
'


$（函数（）{
$（'#openInput'）。单击（函数（）{
$（'.secondInput'）.toggle（）
});
});
$（“#关闭输入”）。单击（函数（）{
$（'.secondInput'）.toggle（）；
$（'firsttextinput，'secondtextinput'）.val（''；
});
.secondInput{
显示：无；}

打开



关
您有两个问题：


$（“#closeInput”）。单击（函数（）{不像其他函数一样包装在dom ready中
输入字段不是空的，而是div。请使用：$（'.secondInput'）.val（''）；来解决此问题


$（函数（）{
$（'#openInput'）。单击（函数（）{
$（'.secondInput'）.toggle（）
});
$（“#关闭输入”）。单击（函数（）{
$（'.secondInput'）.toggle（）；
$（'.secondInput'）.val（''）；
});
})；
.secondInput{
显示：无；
}

打开




关