javascript - 当多个项目包含所述类时，jQuery 按类显示/隐藏

Question

提前感谢您帮助我(对于那些有时间和愿意的人)。

我写了这个脚本:

$(document).ready(function() {
  // hides the slickbox as soon as the DOM is ready
  // (a little sooner than page load)
  $('.foliobtn').hide();
  $('.folionamedate').show();

  // shows the slickbox on clicking the noted link
  $('.foliobottom').mouseover(function() {
    $('.foliobtn').show();
    return false;
  });
  $('.foliobottom').mouseout(function() {
    $('.foliobtn').hide();
    return false;
  });
  $('.foliobottom').mouseover(function() {
    $('.folionamedate').hide();
    return false;
  });
  $('.foliobottom').mouseout(function() {
    $('.folionamedate').show();
    return false;
  });
});

并把它放到这个页面上http://www.fraservalley-webdesign.com/portfolio/test.php .

它的工作原理当然是在每个具有适当类的元素上显示/隐藏，而不仅仅是我悬停的那个。我无法为每一个单独命名，因为会有几十个，而且它将是数据库驱动的内容。

有谁知道一种简单的方法来隔离我在脚本中悬停的项目？

这有意义吗？

Answer 1

变量“this”绑定(bind)到 mouseover 和 mouseout 处理程序中的触发元素，因此您可以这样说

$('.foliobtn',this).hide();

在触发元素中隐藏类为“foliobtn”的元素。