识别班级中已更改的ID

时间:2013-03-06 09:28:20

标签: jquery css html-table

我有一个html表,其中一列(表)的所有元素(文本框)属于同一个类,每个文本框具有不同的唯一ID,并且该表有多个列和行。如果更改了文本框值,则应返回其文本框值更改的同一行的其他列值(位置值)。

<tr style="background-color: rgb(200, 200, 200);" id="node-13600" class="child-of-node-0 row byte_lenght_1 initialized">
    <td style="padding-left: 34px;">terminat</td>
    <td style="padding-left: 15px">format</td>
    <td style="padding-left: 15px">
        <input class="main_text" id="main_type_13600">
    </td>
    <td class="length" style="padding-left: 15px">1</td>
    <td class="position" style="padding-left: 15px">0</td>
    <td style="padding-left: 15px">HTermin
        <input type="hidden" name="row" value="13600">
    </td>
</tr>
<tr style="background-color: rgb(200, 200, 200);" id="node-13601" class="child-of-node-0 row byte_lenght_1 initialized">
    <td style="padding-left: 34px;">termin</td>
    <td style="padding-left: 15px">wc_type</td>
    <td style="padding-left: 15px">
        <input class="main_text" id="main_type_13601">
    </td>
    <td class="length" style="padding-left: 15px">1</td>
    <td class="position" style="padding-left: 15px">1</td>
    <td style="padding-left: 15px">##: eph ##: tdm_c ##: all_c ##: choose_c ##: root_c
        <input type="hidden"
        name="row" value="13601">
    </td>
</tr>

我正在使用jquery:

$('.main_text').change(function() {
  var a= $(this).find('.position').val();
  alert (a);
});

但是我没有得到任何结果,正如预期的那样!!!

1 个答案:

答案 0 :(得分:3)

我很确定这就是你要找的东西:

$('.main_text').change(function() { 
    alert($(this).parent().parent().find('.position').html()); 
});

“。find”查找您指定的元素的INSIDE元素。所以它在“.main_text”中寻找“.position”

此外,我已将“.val()”更改为“.html()”,因为val用于检索输入字段的值,并且您正在尝试检索表格单元格的html内容。 / p>

希望这有所帮助。

干杯,

TJ