Question

我需要能够让用户在CRN字段中输入5位数字值。输入第五个数字后，我已经触发了事件。

然后我需要做的是用jquery Ajax调用中的值填充接下来的6个输入字段，我已经完成了。

我无法弄清楚如何只知道CRN字段的ID就选择接下来的6个输入字段。我试过.nextAll（）.closest（）。prev（）我似乎无法让它工作。

我真正需要做的是......如果可能的话，循环遍历行中的每个字段，如果可能的话。

    <section id="myfirstsection">
        <div class="row">
            <div><input type="text" id="course_fsem_1" maxlength="5" placeholder="CRN"></div>
            <div><input type="text" id="sub_fsem_1" placeholder="FSEM" disabled></div>
            <div><input type="text" id="Sec_fsem_1" placeholder="Sec" disabled></div>
            <div><input type="text" id="lab_fsem_1" placeholder="N/A" disabled></div>
            <div><input type="text" id="title_fsem_1" placeholder="Title" value="" disabled></div>
            <div><input type="text" id="time_fsem_1" placeholder="Time" value="" disabled></div>
            <div><input type="text" id="days_fsem_1" placeholder="Days" value="" disabled></div>
        </div>
    </section>
    <section id="mysecondsection">
        <div class="row">
            <div><input name="course_fsem_alt_1" type="text" id="course_fsem_alt_1" maxlength="5" placeholder="CRN"></div>
            <div><input name="sub_fsem_alt_1" type="text" id="sub_fsem_alt_1" placeholder="FSEM" disabled></div>
            <div><input name="Sec_fsem_alt_1" type="text" id="Sec_fsem_alt_1" placeholder="Sec" disabled></div>
            <div><input name="lab_fsem_alt_1" type="text" id="lab_fsem_alt_1" placeholder="N/A" disabled></div>
            <div><input name="title_fsem_alt_1" type="text" id="title_fsem_alt_1" placeholder="Title" value="" disabled></div>
            <div><input name="time_fsem_alt_1" type="text" id="time_fsem_alt_1" placeholder="Time" value="" disabled></div>
            <div><input name="days_fsem_alt_1" type="text" id="days_fsem_alt_1" placeholder="Days" value="" disabled></div>
        </div>
    </section>

Answer 1

看起来你的结构包含一个包含每个输入的div。这可能会导致使用next和其他问题。

根据您的结构，我会调用parent，然后调用siblings。

$('#course_fsem_1').parent().siblings().find('input');

在此示例中，您可以看到每个元素都有不同的边框： http://jsbin.com/lebevowobu/edit?html,js,output

迭代连续输入文本框

1 个答案: