jquery - jQuery 脚本中的变量？

Question

所以我有一个脚本，当你用鼠标输入一个 div 时，它会将 .html 文件加载到另一个 div 中。我想要的是让这个脚本与许多 div 一起工作。我真的不想为每个图像编写单独的脚本，而是使用基于 div 名称的变量。假设我有一个名为 p3 的 div，当我将鼠标悬停在上面时，我希望脚本加载 p3.html。这是向您展示我的意思的脚本:

<script type="text/javascript">
$(document).ready(function () {
    $('#p1').mouseenter(function () {
        $('#description').load('descr/p1.htm');
    });
    $('#p1').mouseleave(function () {
        $('#description').load('descr/portDefault.htm');
    });
});

如有任何提示，我们将不胜感激。

Answer 1

您可以为所有图像添加一个公共(public)类，并按如下方式进行:

$document).ready(function () {
    $('.class').mouseenter(function () {
    var id = this.id;
    $('#description').load('descr/' + id + '.htm');
    });
    $('.class').mouseleave(function () {
    $('#description').load('descr/portDefault.htm');
});