.nextUntil不工作

Question

我有下面的场景，其中.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.");
    }
});

任何人都可以帮助我吗

Answer 1

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

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

<强> Working Demo