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

前端之家收集整理的这篇文章主要介绍了javascript – 当多个项目包含所述类时,jQuery显示/按类隐藏前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在此先感谢帮助我(对于那些有时间和愿意的人).

我写过这个剧本:

  1. $(document).ready(function() {
  2. // hides the slickBox as soon as the DOM is ready
  3. // (a little sooner than page load)
  4. $('.foliobtn').hide();
  5. $('.folionamedate').show();
  6.  
  7. // shows the slickBox on clicking the noted link
  8. $('.foliobottom').mouSEOver(function() {
  9. $('.foliobtn').show();
  10. return false;
  11. });
  12. $('.foliobottom').mouSEOut(function() {
  13. $('.foliobtn').hide();
  14. return false;
  15. });
  16. $('.foliobottom').mouSEOver(function() {
  17. $('.folionamedate').hide();
  18. return false;
  19. });
  20. $('.foliobottom').mouSEOut(function() {
  21. $('.folionamedate').show();
  22. return false;
  23. });
  24. });

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

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

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

这有意义吗?

解决方法

变量“this”绑定到mouSEOver和mouSEOut处理程序中的触发元素,所以你可以这样说
  1. $('.foliobtn',this).hide();

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

猜你在找的jQuery相关文章