Question

我对.find（）方法有一个奇怪的问题。

我有以下html：

<table id="roleTab" style="padding: 5px; position: relative; top: 10px">
<thead>
    ....
</thead>
<tbody>
<TMPL_LOOP DATA_ROLES>
    <tr id="<TMPL_VAR ID>">
        <td><select id="role2" name="role2_<TMPL_VAR ID>" title="The role of the employee"><TMPL_VAR ROLE></select></td>
        <td><input id="steps" type="text" name="steps_<TMPL_VAR ID>" size="5" title="Total amount of steps per month" value="<TMPL_VAR STEP>"></td>
        <td><input id="measurable_steps" type="text" name="measurable_steps_<TMPL_VAR ID>" title="Measurable steps" value="<TMPL_VAR MEASURABLE_STEP>"></td>
        <td><input id="steps_ratio" type="text" name="steps_ratio_<TMPL_VAR ID>" title="'Measurable steps' / 'Steps'" value="<TMPL_VAR STEPS_RATIO>%" readonly></td>
        <td style="text-align: center"><select id="reopen_rate" name="reopen_rate_<TMPL_VAR ID>" title="How many reopenes after closing the SI"><TMPL_VAR REOPEN></select></td>
        <td><select id="w4p" name="w4p_<TMPL_VAR ID>"><TMPL_VAR W4P></select></td>
        <td><select id="team" name="team2_<TMPL_VAR ID>"><TMPL_VAR TEAM></select></td>
        <td><input id="checkbox" type=checkbox></td>
        <td><input id="status2" type="hidden" name="status2_<TMPL_VAR ID>" value="<TMPL_VAR STATUS>"></td>
    </tr>
</TMPL_LOOP>
</tbody>
</table>

我有以下脚本：

$(function(){
    $('#steps').live("focusout", function() {
        var steps = $(this).parents().parents().find('#steps').attr("value");
        var meas_steps = $(this).parents().parents().find('#measurable_steps').attr("value");
        var value = (meas_steps/steps)*100;
        value = parseInt(value);
        if(steps && meas_steps){
            var t = $(this).parents().parents().attr("id");////////////////////
            alert(t);////////////////////////////////////////////////////////////
            $(this).parents().parents().find('#steps_ratio').attr("value", value+"%");
        }
    });
});

我在页面上有两行（循环之后）。第一个有id'2'，第二个有id'3'。

问题是当我更改第二行中的steps字段（也可以是第一行）和focusout然后警报显示'3'但'steps_ratio'字段中的值已更改为行的两个...

为什么它只改变了id为'3'的'steps_ratio'？

谢谢

Answer 1

$(this).parents().parents()

应该是

$(this).parent().parent()

.parents()返回树中的所有父元素，.parent()仅返回直接父元素。

此外，页面中不应有多个具有相同ID的元素。

jquery .find（）方法的奇怪问题

1 个答案: