无法遍历DOM以查找相关输入

Question

我希望按类获取下一个立即输入值的值。这是我的代码：

<table>
    <tr>
        <td>
            <input class='name' value='demo1'/>
        </td>
        <td>
            <input class='age' value='23'/>
        </td>
        <td>
            <input class='name' value='demo2'/>
        </td>
        <td>
            <input class='age' value='24'/>
        </td>
    </tr>
</table> 

和JS文件

$('body').on('blur','.name',function(){
    alert($(this).parent().next('.age').val());
});

我想要姓名旁边的年龄值吗？我错过了什么？ 我的JSfiddle链接是：http://jsfiddle.net/mvkc95f8/ 谢谢

Answer 1

.age输入字段位于同级td元素中，因此您需要使用.next()来获取td，然后使用.find('.age')来检索input。试试这个：

alert($(this).parent().next().find('.age').val());

Updated fiddle