时间戳

首页 > 解决方案 > toggleClass 但只点击了一个 div

jquery - toggleClass 但只点击了一个 div

问题描述

我正在从正在为我的站点生成代码的外包中提取动态数据，因此我试图在被拉入的内容之上添加功能。我有一个 jquery toggleClass 设置，我单击一个 div 并切换类“活动”以显示职位描述，然后在第二次单击时隐藏内容。问题是当我单击一个时，它们都打开了，因为它们具有相同的类名。我怎样才能只定位我点击的那个而让其他的保持关闭？

在点击时隐藏孩子，但不喜欢这样的美学

   $('.resumator-job').click(function() {
    $('.resumator-job-description').toggleClass('active');
});

只有 div 点击打开，其他人保持关闭，直到他们被单独点击

标签： jqueryhtmlcss

解决方案

您可以使用thisjQuery 中的特定元素来定位。this指手头的元素。

你可以玩这个！尝试添加console.log($(this));到您的函数并查看它列出的元素。

W3Schools 有一个使用this.

$('.resumator-job').click(function() {
    $('.resumator-job-description', this).toggleClass('active');
});

$(this)- 选择当前的 HTML 元素 - W3Schools

推荐阅读