javascript - jquery nextall 首先获取 id

Question

我正在尝试在用户退出输入字段时获取下一个输入字段的 ID:

$("input").blur(function(){
var theid = $(this).attr('id');
var thefield = $(this).nextAll('input').first().attr('id');
alert(thefield);
});

目前它返回未定义。HTML 代码是:

<table><tr>
<td>Number</td><td>Name</td>
<tr><td>1 <input type='text' name='deltagernummer[]' value='' size='6' id='r0' tabindex='1' /></td>
<td><input type='text' name='deltagernavn[]' value='' id='rr0' tabindex='-1' /></td></tr>
<tr><td>2 <input type='text' name='deltagernummer[]' value='' size='6' id='r1' tabindex='2' /></td>
<td><input type='text' name='deltagernavn[]' value='' id='rr1' tabindex='-1' /></td></tr>
</table>

问题是什么？

$("input").blur(function() {
  var theid = $(this).attr('id');
  var thefield = $(this).nextAll('input').first().attr('id');
  alert(thefield);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <td>Number</td>
    <td>Name</td>
    <tr>
      <td>1 <input type='text' name='deltagernummer[]' value='' size='6' id='r0' tabindex='1' /></td>
      <td><input type='text' name='deltagernavn[]' value='' id='rr0' tabindex='-1' /></td>
    </tr>
    <tr>
      <td>2 <input type='text' name='deltagernummer[]' value='' size='6' id='r1' tabindex='2' /></td>
      <td><input type='text' name='deltagernavn[]' value='' id='rr1' tabindex='-1' /></td>
    </tr>
</table>

Answer 1

.nextAll()扫描 sibling 。虽然你的<input>我们是同一级别的，他们不是 sibling 。为了“可视化”，这是伪 HTML:

child 和 child 的 sibling :

<parent>
  <child>
  <childs-sibling>
</parent>

您的案例:

<parent>
  <descendant>
    <input>
  </descendant>
  <descendant-sibling>
    <totally-unrelated-to-input>
  </descendant-sibling>
</parent>

你能做的就是爬上 <tr>级别，后续行，获取所有输入，获取第一个输入，然后获取 id。

var id = $(this)
    .closest('tr')           // Get to the row level
    .nextAll('tr')           // Get all succeeding rows
    .find('td > input')      // Find the inputs. You may adjust the selector.
    .eq(0)                   // Get the first input
    .attr('id');             // Get its id, if any