javascript - 如何在HTML中使用jquery变量

我正在使用jquery，我想在这里做的是能够根据悬停到的链接设置将显示的图像。

<script type='text/javascript'>
$(function(){
  $('img').hide();
  $('a').mouseenter(function(){
    var currentimg= $(this).html();
    alert(currentimg);
    $("img[src=currentimg.jpg]").show(); //I want to use currentimg variable here for the name of the jpg file
  });

  $('a').mouseleave(function(){
    $('img').hide();
  });
});
</script>

最佳答案

您只需连接字符串即可使用，例如：

$("img[src='" + currentimg +"']").show();

需要注意的是，还有一个.hover()快捷方式用于.mouseenter(handler).mouseleave(handler)，如下所示：

$(function(){
  $('img').hide();
  $('a').hover(function(){
     var currentimg = $(this).html();
     $("img[src='" + currentimg +"']").show();
  }, function(){
     $('img').hide();
  });
});

关于javascript - 如何在HTML中使用jquery变量，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4525793/