遍历出来多个input输入框和编辑按钮，当点击任意一个按钮可以获取当前这行input的值！

Question

遍历出来多个input输入框和编辑按钮，当点击任意一个按钮可以获取当前这行input的值！不知道怎么获取，感觉没标识。

 <tr>
    <td><input type="text" name="car_number" class="car_number"></td>
    <td><input type="button" class="save" value="保存" ></td>
</tr>
<tr>
    <td><input type="text" name="car_number" class="car_number"></td>
    <td><input type="button" class="save" value="保存" ></td>
</tr>
<tr>
    <td><input type="text" name="car_number" class="car_number"></td>
    <td><input type="button" class="save" value="保存" ></td>
</tr>
<tr>
    <td><input type="text" name="car_number" class="car_number"></td>
    <td><input type="button" class="save" value="保存" ></td>
</tr>

Answer 1

通过dom关系获取，

 <div><input type="text" value="1"/><a href="#" onclick="return getText(this)">获取Text值</a></div>
<div><input type="text" value="2"/><a href="#" onclick="return getText(this)">获取Text值</a></div>
<div><input type="text" value="3"/><a href="#" onclick="return getText(this)">获取Text值</a></div>
<script>
function getText(a){
//注意关系，如果a还嵌套在其他容器里面要继续获取parentNode到div节点
var input=a.parentNode.getElementsByTagName('input')[0];
alert(input.value)
return false;
}
</script>