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

在此先感谢帮助我(对于那些有时间和愿意的人).

我写过这个剧本：

$(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.

它的工作原理除了它当然显示/隐藏每个具有适当类的元素,而不仅仅是我正在盘旋的那个元素.我不能唯一地命名每一个,因为会有几十个,它将是数据库驱动的内容.

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

这有意义吗？

解决方法

变量“this”绑定到mouSEOver和mouSEOut处理程序中的触发元素,所以你可以这样说

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

隐藏触发元素中带有“foliobtn”类的元素.