Javascript Jquery Ajax无法获取当前的焦点输入元素

我有一个表单，它有两种类型的输入字段，1个输入字段表示ID，2个输入字段表示名称。我已经有了一个mysql数据库，其中的表中填充了ID和名称数据。我要做的是，当我在ID的输入字段中键入ID号时，当它失去焦点时，jquery脚本将根据数据库中的ID号自动填充name的输入字段。 我的html输入表单如下所示：

html:

<input type='text' name='id' class='input_id'>
<input type='text' name='name' class='input_name'>
<br>
<input type='text' name='id'>
<input type='text' name='name'>

php search_name.php代码：

<?php
$con = mysqli_connect('localhost','root','','database');
$id = $_POST['id'];
$sql = "SELECT * FROM table WHERE id='$id'";
$query = mysqli_query($con, $sql);
$result = mysqli_fetch_array($query);
$name = $result['name'];

echo $name;
mysqli_close($con);
?>

问题是在一个表单中，我将有20行ID和名称输入字段，我如何修改我的jquery脚本，以便当第1行中的ID输入字段失去焦点时，它将只自动填充第1行中的名称输入字段，第2行中的一个将只自动填充第2行中的名称输入字段，依此类推，而不是编写20次相同的脚本

我尝试使用像这样的遍历方法，但似乎无法使其工作。我也试过使用：focus方法，我不确定我是否用错了，或者它不是为了这个

欢迎所有建议。

---

提前使用Thx。

假设他们是兄弟姐妹，使用这个和下一个

$('.input_id').blur(function() {
    var inp = $(this);
    $.post('search_name.php',
    {
        id: inp.val()
    },
    function(data) {
        inp.next('.input_name').val(data);
    });
});

---

什么当你把$this转换成var时，它怎么会起作用呢？我也试过了，但是没有把$this转换成var，它就不起作用了。。你介意详细说明这件事吗？？非常感谢。您在哪里尝试使用$this进行此操作，但它不起作用？在Ajax回调中？成功函数中的范围与它之外的范围不同。console.logthis；我会证明这一点。

$('.input_id').blur(function() {
    var inp = $(this);
    $.post('search_name.php',
    {
        id: inp.val()
    },
    function(data) {
        inp.next('.input_name').val(data);
    });
});