javascript - 单击按钮后如何获取第三个先前输入类型时间的 ID

Question

我有以下输入:

<tr>
    <td>
        <input type='time' id='32'>
    </td>
    <td>
        <input type='text'>
    </td>
</tr>
<tr>
    <td>
        <input type='time'>
    </td>
    <td>
        <input type='time' >
    </td>
    <td>
        <button class='clicker'>Get ID</button>
    </td>
</tr>

当我单击按钮时，我希望 Jquery 或 JS 提醒我前 3 个输入中的 ID(其中 type=time)，即 32。

我尝试过以下代码:

alert($(this).prev('input[type=time]').prev('input[type=time]').prev('input[type=time]').attr('id'));

但是，我总是遇到未定义。

有什么想法吗？

Answer 1

您可以按照以下方式进行操作。

$('.clicker').click(function() {
    alert($(this)
        .closest('tr')
        .prev('tr')
        .find('input[type=time]').attr('id'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
    <tr>
        <td><input type='time' id='32'></td>
        <td><input type='text'></td>
    </tr>
    <tr>
        <td><input type='time'></td>
        <td><input type='time'></td>
        <td><button class='clicker'>Get ID</button></td>
    </tr>
</table>