时间戳

首页 > 解决方案 > jQuery仅向一个元素添加类

jquery - jQuery仅向一个元素添加类

问题描述

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

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");
  }
);

在此处输入图像描述

标签： jquerywordpress

解决方案

通过使用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）

推荐阅读