Javascript Jquery问题:所有我的SQL查询

Javascript Jquery问题:所有我的SQL查询,javascript,php,jquery,html,Javascript,Php,Jquery,Html,在下面的代码中,JQuery事件(mouseenter和leave)仅在整个列表的第一行上实现。因此,如果结果中有多行,其他行不受JQuery的影响,并且在mouseover上不会更改图像高度。有人能解释这个问题吗?并提供一个可能的解决方案 <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="css/main.css"> <title&g

在下面的代码中,JQuery事件(mouseenter和leave)仅在整个列表的第一行上实现。因此,如果结果中有多行,其他行不受JQuery的影响,并且在mouseover上不会更改图像高度。有人能解释这个问题吗?并提供一个可能的解决方案

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="css/main.css">
    <title></title>
</head>
<body>
<div id="headpanel"></div>
<div id="tablehead">
<a href="addmember.php"><img src="images/ico/add.png" id="addmember"><span style="position:absolute; top:3vmax; left:11vmax;">Add A New Profile </span></a>
</div>
<div id="tablebody">
<?php 
$profile_test = mysqli_query($db,"SELECT * FROM studs WHERE prof_id= '$prof_id'");
while($profile = mysqli_fetch_array($profile_test))
{
    ?>

    <div id="contact<?php echo $profile['stud_id']; ?>" class="contactblock">
<?php   
    echo "Name:";
    echo "&nbsp;";
    echo "&nbsp;";
    echo $profile['firstname'];
    echo "&nbsp;";
    echo "&nbsp;";

    echo $profile['lastname'];
    echo "<br>";
    echo "Marks:";
    echo "&nbsp;";
    echo $profile['marks'];
?>

 <img src="images/ico/edit.png"  id="editprofile">

</div>
<?php
}
?>
</div>

</body>
</html>
<script type="text/javascript">
$(document).ready(function(){

    $("#editprofile").mouseenter(function(){

        $(this).animate({"height":"4vmax"});
    })
    $("#editprofile").mouseleave(function(){

        $(this).animate({"height":"3vmax"});
    })

})
</script>


您在多个元素上使用相同的ID。在循环中,您有:

<img src="images/ico/edit.png"  id="editprofile">

:

Element.id属性表示元素的标识符, 反映id全局属性。它必须是唯一的一个 文件

将其更改为类:

<img src="images/ico/edit.png"  class="editprofile">


然后将绑定调整为
$(“.editprofile”)
,而不是
$(“#editprofile”)

哪里定义了
$db
?我没有提供上面的PHP部分!它解决了它!非常感谢D我也要学一个新东西。。我不知道关于ID的限制,一直想知道类相对于ID的优势,现在我知道了!