CSS和jQuery简单问题

时间:2010-09-06 11:17:48

标签: jquery html css

刚开始使用css和jQuery,我有一个名为.content的CSS类,我正用于页面导航框的一侧,日期框的图片,统计框等等使用定义列表。

所以当我点击<dt>标签时,我需要它,它在其下面的<ul>标签上下滑动,这很简单。但是如何确定点击.content类的哪个实例...我知道单独的id会起作用但是想知道是否有更快的方法?希望我能够清楚地解释我的问题,任何帮助都会被大大谴责=]

提前致谢!

2 个答案:

答案 0 :(得分:3)

当你在click处理程序(或任何事件处理程序)中时,this引用当前元素,所以你会这样做:

$(".content").click(function() {
  $(this).find('ul').slideToggle();
  //or possibly..
  $(this).next('ul').slideToggle();
});

其中$(".content")里面会再次选择所有这些(听起来像你当前的问题),this指的是被点击的DOM元素,所以你可以专门做你想做的任何动作

答案 1 :(得分:0)

在函数中使用$(this)指定所选类。然后,将使用单击的正确类。例如:

$('.content').click(function() {
   $(this).hide();
});

这显然是最简单的形式,你可以从那里扩展。