如何使用jquery选择sql查询行的所有元素

我有一个sql查询，它使用while循环来显示表中的所有行。每行生成两个div。一个用于行id，另一个用于行名称。我希望当您将鼠标悬停在具有名称的div上时，显示具有rows id的div

除了选择器之外，我什么都做得很好。我目前只使用简单类，但显然，悬停在任何名称上都会显示所有id div，而不仅仅是悬停在上面的名称的id

如果有人能解释一下什么是达到这一效果的最佳方法，我将不胜感激

PHP

$result = mysqli_query($con,"SELECT * FROM table ORDER BY id DESC");

    while($row = mysqli_fetch_array($result))
      {

    echo "<div class='id' class='hidden'>" . $row['id'] . "</div><div class='name'>" . $row['name'] . "</div>";

      }

CSS

.hidden {
 display: none;
}

样本结构：

<div class='container'>
   <div class='div_id' style='display:none;'>id</div>
   <div class='div_name'>name</div>
</div>
<div class='container'>
   <div class='div_id' style='display:none;'>id</div>
   <div class='div_name'>name</div>
</div>

PHP

---

如果您展示一些代码，那么回答您的问题（或者在jsfiddle.net上创建一个fiddle）很容易，div_id和div_name是什么？它们只是占位符，还是我可以在jquery字符串中使用变量？它们只是占位符类名…你可以在那里使用任何你想要的东西。

<div class='container'>
   <div class='div_id' style='display:none;'>id</div>
   <div class='div_name'>name</div>
</div>
<div class='container'>
   <div class='div_id' style='display:none;'>id</div>
   <div class='div_name'>name</div>
</div>

$(".div_name").on("mouseenter",function(e){
    $(this).closest('.container').find('.div_id').show();
}).on("mouseleave",function(e){
    $(this).closest('.container').find('.div_id').hide();
});

$result = mysqli_query($con,"SELECT * FROM table ORDER BY id DESC");

while($row = mysqli_fetch_array($result))
{
   echo "<div class='order'><div class='id' class='hidden'>" . $row['id'] . "</div><div class='name'>" .       $row['name'] . "</div></div>";

}

$(".order").on("mouseenter",function(e){
  $(e.target).find('div.id').show();
});
$(".order").on("mouseleave",function(e){
  $(e.target).find('div.id').hide();
});