javascript - 在同一行中靠近它的 td 标签内查找隐藏的输入

Question

我需要在同一表行中找到隐藏输入的值，但似乎我无法通过我尝试的方式访问它。

function setDateTimeOn(elm) {
    var formattedDate = GetCurrentDateTime(); //get formatted date
    $(elm) //clicked button
    .parent("td") // container td
    .next() // next td
    .find("span")
    .text(formattedDate);

     console.log(elm);

     var hdn = $(this).closest('tr').find('input[type="hidden"]').val();
     console.log(hdn);
}

http://jsfiddle.net/bthorn/xf12y7y4/

我要找的是这个

<input type="hidden" name="GridView1:_ctl2:hndTxtId" id="GridView1__ctl2_hndTxtId" value="3601"> 

我想要值 3601 ，它在同一个 tr

HTML

<table>
<tr>
    <td style="width:5px;">
        <input type="hidden" name="GridView1:_ctl2:hndTxtId" id="GridView1__ctl2_hndTxtId" value="3601">
    </td>
    <td style="width:50px;">    <span id="GridView1__ctl2_lblVehicle0">413</span>

    </td>
    <td style="width:5px;">
        <input type="button" id="GridView1__ctl2_AddButton0" name="GridView1:_ctl2:AddButton0" value="On" class="btn-blue" onclick="setDateTimeOn(this)">
    </td>
    <td style="width:150px;">
     <span id="GridView1__ctl2_lblStormTimeOn"></span>

    </td>
</tr>

我看到它吐出完整的输入元素标签但是 var hdn ，我尝试做一个 console.log(hdn) 并且它是未定义的。

Answer 1

问题是您正在使用:

var hdn = $(this).closest('tr').find('input[type="hidden"]').val();

而这里的this是全局的Window对象。你想使用元素:

var hdn = $(elm).closest('tr').find('input[type="hidden"]').val();

Updated fiddle