jquery - CSS 和 jQuery 简单问题

标签 jquery html css

刚开始使用 css 和 jQuery,我有一个名为 .content 的 CSS 类我将其用于页面导航框、当日图片框、统计框等的一侧,这些框是使用定义列表进行布局的。

所以当我点击 <dt> 时我需要它标记它向上/向下滑动 <ul>它下面的标签很简单。但我如何确定 .content 的哪个实例点击类(class)...我知道单独的 id 可以工作,但想知道是否有更快的方法?希望我能足够清楚地解释我的问题,任何帮助都会得到极大的帮助 =]

提前致谢!

最佳答案

当你在 click 内时处理程序(或任何事件处理程序),this 引用当前元素,因此您可以这样做:

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

其中的 $(".content") 会再次选择所有这些(听起来像您当前的问题),this 指的是被单击的 DOM 元素,因此您可以专门执行任何您想要的操作。

关于jquery - CSS 和 jQuery 简单问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3650999/

相关文章:

html - 如何使用 css 制作单个响应式背景图片?

css - Materialise 的 select 底线无法禁用

javascript - jQuery 隐藏值未发送

javascript - 更改警报框的高度和宽度?

html - 在微数据中使用多个项目类型的正确方法

html - 使用 CSS 进行 3 列布局,左/右可变大小,中间流体

jquery - jquery 中每个循环内的每个

javascript - Jquery Mobile如何测试一个页面是否已经 "pagecreated"?

jquery - Chart.js 如何在条形图的 Canvas 中添加一条线

jQuery 可选 : How to make items selected at 1st load