.nextUntil不工作

时间:2015-03-16 07:10:24

标签: jquery jquery-ui

我有下面的场景,其中.nextUntil不在jquery中工作。 我在tr上有一个带有类名的简单表,并希望使用jquery找到下一个类元素。

HTML:

 <table class="table">
       <tr>
         <td>
            <input type="text" class="location" style="width: 95%" /></td>
              </tr>
               <tr class="locationtoggle">
               <td class="tdColor">X:
                 <input type="text" class="X" style="width: 40%" /><br />
                 Y :
                <input type="text" class="Y" style="width: 40%" /><br />
                 </td>
                  </tr>
                   </table>

JQUERY:

 $(".location").keyup(function (e) {
    if (e.keyCode == 13) {
        if ($(this).val().length > 0) {
            var split = $(this).val().split(',');
            if (split.length > 1) {
                $(this).nextUntil("X").val(split[0]);
                $(this).nextUntil("Y").val(split[1]);
            }
            else
                alert("Please Check Values.");
        }
        else
            alert("Please Check Values.");
    }
});

任何人都可以帮助我吗

1 个答案:

答案 0 :(得分:2)

您需要遍历到最近的父tr,使用.next()遍历到下一个tr,然后在其中找到输入元素:

 $(this).closest('tr').next().find(".X").val(split[0]);

<强> Working Demo