Javascript 清除html中的单个文本框

我有一张有十个文本框的表格。我也有一个提交按钮。我想清除，两个文本框中的一行在html中点击一个按钮

以下是屏幕截图：

:

代码：

号码详情

如果没有实际的HTML，很难判断，但假设您的代码如下所示：

<div>
    <input type="text"><input type="text"><button>X</button>
</div>

编辑：您添加了HTML代码。只需将侦听器附加到您的
标记

Edit2：我似乎在那一行中找不到
标签的开头。您可能需要调整clearRow的第一行，以考虑“X按钮”的进一步嵌套。
假设您的HTML是这样的：

<form>
    <div class="row">
        <input type="text" name="name-1" class="nameInput">   
        <input type="text" name="number-1" class="numberInput">   
        <button class="cross"> X </button>   
    </div>
    <div class="row">
        <input type="text" name="name-1" class="nameInput">   
        <input type="text" name="number-1" class="numberInput">   
        <button class="cross"> X </button>   
    </div>
</form>

这是一个概念证明，尽管它相当丑陋和臃肿，但它完成了任务。
有更好的方法来解决这个问题，但这一个应该很容易理解：

例如：





















PS：你应该使用一个不以数字开头的ID。HTML验证器可能不喜欢它。
你说的标记是什么意思？@devman他的意思是源代码将你的HTML添加到问题中，这样我们就可以帮助你编写选择器。他没有要求使用jquery。我认为任何快速解决方案都是有用的，因为他没有指明jquery不是一个快速解决方案，它无助于学习JavaScript和理解DOM操纵。我完全同意；当你经常使用jQuery时，你会忘记基本的JavaScriptThank，这对我来说很有用，我的注意力就转移了。当我专注于文本框时。提示文本变为空白。现在我要做一个空格，然后打字。有没有办法解决这个问题啊。我已经在代码中实现了它。如上面我的问题所示，但当我使用X按钮时，onFocus部分不起作用。
function clearRow(button) {
    var inputs = button.parentNode.getElementsByTagName('INPUT');
    inputs[0].value = 'Name';
    inputs[1].value = 'Number';
}

<form>
    <div class="row">
        <input type="text" name="name-1" class="nameInput">   
        <input type="text" name="number-1" class="numberInput">   
        <button class="cross"> X </button>   
    </div>
    <div class="row">
        <input type="text" name="name-1" class="nameInput">   
        <input type="text" name="number-1" class="numberInput">   
        <button class="cross"> X </button>   
    </div>
</form>

$(document).ready(function(){
    $('button.cross').click(function(){
        var $parent = $(this).parent('dv');
        $parent.find('input.nameInput').val('Name');
        $parent.find('input.numberInput').val('Number');
    })
});

<input type="text" id="1a" value="Name"/><input type="text" id="1b" value="Number"/>
<input type="button" value="x" onclick="if ((document.getElementById('1a').value!='Name') || (document.getElementById('1b').value!='Number')) {((document.getElementById('1a').value='Name') && (document.getElementById('1b').value='Number'))};"/><br/>
<input type="text" id="2a" value="Name"/><input type="text" id="2b" value="Number"/>
<input type="button" value="x" onclick="if ((document.getElementById('2a').value!='Name') || (document.getElementById('2b').value!='Number')) {((document.getElementById('2a').value='Name') && (document.getElementById('2b').value='Number'))};"/><br/>
<input type="text" id="3a" value="Name"/><input type="text" id="3b" value="Number"/>
<input type="button" value="x" onclick="if ((document.getElementById('3a').value!='Name') || (document.getElementById('3b').value!='Number')) {((document.getElementById('3a').value='Name') && (document.getElementById('3b').value='Number'))};"/><br/>
<input type="text" id="4a" value="Name"/><input type="text" id="4b" value="Number"/>
<input type="button" value="x" onclick="if ((document.getElementById('4a').value!='Name') || (document.getElementById('4b').value!='Number')) {((document.getElementById('4a').value='Name') && (document.getElementById('4b').value='Number'))};"/><br/>
<input type="text" id="5a" value="Name"/><input type="text" id="5b" value="Number"/>
<input type="button" value="x" onclick="if ((document.getElementById('5a').value!='Name') || (document.getElementById('5b').value!='Number')) {((document.getElementById('5a').value='Name') && (document.getElementById('5b').value='Number'))};"/><br/>
<input type="text" id="6a" value="Name"/><input type="text" id="6b" value="Number"/>
<input type="button" value="x" onclick="if ((document.getElementById('6a').value!='Name') || (document.getElementById('6b').value!='Number')) {((document.getElementById('6a').value='Name') && (document.getElementById('6b').value='Number'))};"/><br/>
<input type="text" id="7a" value="Name"/><input type="text" id="7b" value="Number"/>
<input type="button" value="x" onclick="if ((document.getElementById('7a').value!='Name') || (document.getElementById('7b').value!='Number')) {((document.getElementById('7a').value='Name') && (document.getElementById('7b').value='Number'))};"/><br/>
<input type="text" id="8a" value="Name"/><input type="text" id="8b" value="Number"/>
<input type="button" value="x" onclick="if ((document.getElementById('8a').value!='Name') || (document.getElementById('8b').value!='Number')) {((document.getElementById('8a').value='Name') && (document.getElementById('8b').value='Number'))};"/><br/>
<input type="text" id="9a" value="Name"/><input type="text" id="9b" value="Number"/>
<input type="button" value="x" onclick="if ((document.getElementById('9a').value!='Name') || (document.getElementById('9b').value!='Number')) {((document.getElementById('9a').value='Name') && (document.getElementById('9b').value='Number'))};"/><br/>
<input type="text" id="10a" value="Name"/><input type="text" id="10b" value="Number"/>
<input type="button" value="x" onclick="if ((document.getElementById('10a').value!='Name') || (document.getElementById('10b').value!='Number')) {((document.getElementById('10a').value='Name') && (document.getElementById('10b').value='Number'))};"/>