jQuery仅向一个元素添加类答案

【问题标题】：jQuery add class only to one elementjQuery仅向一个元素添加类
【发布时间】：2021-12-08 20:13:12
【问题描述】：

在我在 wordpress 网站中的流利形式上，我想将带有 jQuery 的类添加到只有一个悬停时的跨度。但是如果我将鼠标悬停在选项jquery上，则将类添加到所有跨度。问题在步骤 3 website 我只想添加类只悬停跨度我用这个脚本

jQuery(".fluentform .ff-el-group.biele .ff-el-form-check.ff-el-image-holder").hover(
  function () {
    jQuery(".fluentform .ff-el-group.biele .ff-el-form-check.ff-el-image-holder label.ff-el-form-check-label span").addClass('active-hover');
  },
  function () {
    jQuery(".fluentform .ff-el-group.biele .ff-el-form-check.ff-el-image-holder label.ff-el-form-check-label span").removeClass("active-hover");
  }
);

【问题讨论】：

试试$(this).find('label.ff-el-form-check-label span').addClass(...), jQuery(".fluentform.... 找到所有跨度

标签： jquery wordpress

【解决方案1】：

通过使用jQuery(this)（指当前悬停的元素）你应该只能将类添加到元素内的跨度

jQuery(".fluentform .ff-el-group.biele .ff-el-form-check.ff-el-image-holder").hover(
  function () {
    jQuery(this).find('span').addClass('active-hover');
  },
  function () {
    jQuery(this).find('span').removeClass('active-hover');
  }
);

您尝试".fluentform .ff-el-group.biele .ff-el-form-check.ff-el-image-holder label.ff-el-form-check-label span" 的方式将匹配所有这些跨度（长度 = 8）

【讨论】：

非常感谢......它的工作原理