Question

我制作了一张带有for循环的表格。这样的事情（当然不完全是我的代码）

<table>
for (int i = 0; i < 10; i++)
{
    <tr>
    <td><label class='shutDownText'> Shutdown Time </label></td>
    <td><input type='time' class='selectShutdown'/> <input type='button' value='Accept'/></td>
    </tr>
}
</table>

我的jQuery

$(document).ready(function ()
{
    $('.selectShutdown').change(function()
    {
        $('.shutDownText').text($(this).val());
    });
});

您可能已经认识到了我的问题。每当我点击.selectShutdown时，它都会更改.shutDownText中每个文字的文字。我怎样才能选择一个元素，即同一个<tr>标记。

谢谢

Answer 1

使用jquery的最近函数，它只选择像这样的最接近的元素

$(document).ready(function ()
{
    $('.selectShutdown').change(function()
    {
        $(this).closest('.shutDownText').text($(this).val());
    });
});

Answer 2

你可以这样做：

$('.selectShutdown').change(function()
    {
        $(this).closest("tr").find('.shutDownText').text($(this).val());
    });

使用jQuery在类中选择一个元素

2 个答案: