Javascript 重置表中所有输入的默认值不包括表单

我有一个表格，里面有输入。有带默认值的输入，也有不带默认值的输入。我想在单击按钮时将输入值重置为默认值。我不会做那件事

$('#tableid').find('input[type=text]').val('');

因为正如我所说，有默认值的输入，我不想弄乱输入的值

我还尝试了类似的

reset（）

$('#tableid').find('input[type=text]').reset();

但是我得到一个错误，说重置不是一个功能

是否有一种方法可以
重置
不带表单的
表中的
输入
通过将0传递给.get（）来获取第一个HTML元素：

或（相同但略短）：

通过将0传递给.get（）来获取第一个HTML元素：

或（相同但略短）：

尝试以下操作：将默认值作为数据存储在输入框中，如下所示

<input type="text" data-default="your default value" value="your default value">

示例


$（函数（）{
$（'#resetBtn'）。单击（函数（）{
$（'#tableid'）.find（'input[type=text]'）。each（function（）{
var defaultVal=$（this.data（'default'）；
$（this.val）（defaultVal）；
});
});
});
尝试以下操作：将默认值作为数据存储在输入框中，如下所示

<input type="text" data-default="your default value" value="your default value">

示例


$（函数（）{
$（'#resetBtn'）。单击（函数（）{
$（'#tableid'）.find（'input[type=text]'）。each（function（）{
var defaultVal=$（this.data（'default'）；
$（this.val）（defaultVal）；
});
});
});

HTML

<table id="test">
    <tr>
        <td><input type="text" data-default="test1" /></td>
        <td><input type="text" data-default="test2" /></td>
        <td><input type="text" data-default="test3" /></td>
    </tr>
</table>
<button id="clickme">Click me</button>

HTML

<table id="test">
    <tr>
        <td><input type="text" data-default="test1" /></td>
        <td><input type="text" data-default="test2" /></td>
        <td><input type="text" data-default="test3" /></td>
    </tr>
</table>
<button id="clickme">Click me</button>

find
应该是
。find
为什么要在单引号字符串中转义双引号
'input[type=“text”]
工作正常。抱歉，输入错误@Magicprog.fri如果您使用
占位符
属性，将值重置为
'
将正常工作。检查它可能会帮助您
查找
应该是
。查找
为什么要在单引号字符串中转义双引号
'input[type=“text”]
工作正常。抱歉，键入错误@Magicprog.frIf如果使用
占位符
属性，将值重置为
'
将正常工作。检查它可能会帮助您我获得此
$（…）。查找（…）[0]。重置不是一个函数
我获得此
$（…）。查找（…）[0].reset不是一个函数
我还没有使用过数据默认值
，但我需要先将它与值一起设置吗？在这种情况下，他必须为每个输入标记赋予数据默认属性。@SwapnilPunekar，是的。但是对于没有默认值的输入，它将设置空白。是的，这是非常正确的。好的！它将设置空白，请参见，这里第三个输入没有默认属性我还没有使用数据默认值，但我需要将其与值一起设置吗？在这种情况下，他必须将数据默认属性赋予每个输入标记。@SwapnilPunekar，是的。但是对于没有默认值的输入，它将设置空白。是的，这是非常正确的。好的！它将设置空白，请看，这里第三个输入没有默认属性
<table id="test">
    <tr>
        <td><input type="text" data-default="test1" /></td>
        <td><input type="text" data-default="test2" /></td>
        <td><input type="text" data-default="test3" /></td>
    </tr>
</table>
<button id="clickme">Click me</button>

$("#clickme").on("click",function(){
    $('#test').find('input[type=text]').each(function(){
        $(this).val($(this).attr("data-default"));
    });
});