问题标签 [addclass]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2075 浏览

jquery - jQuery 类更改直到鼠标悬停才更新

我有一个菜单,每个菜单项都是一个跨度,在 css 中设置了一个类:

.newClass {color: red}

.oldClass {color:black} oldClass:hover {color:blue;}

当您单击一个菜单项时,该类将更改为: $(this).removeClass('oldClass').addClass('newClass'); 工作正常。

单击另一个 menuItem 时,我将类更改回当前菜单项: $(this).removeClass('newClass').addClass('oldClass');

问题是当类被改回时,直到我将鼠标悬停在菜单项上才反映更改。因此,菜单项颜色保持红色,直到我将其鼠标悬停,然后它变回黑色并带有蓝色悬停。

请参阅评论中 Gaby 的示例以了解应该发生的情况

这是我的实际代码:

$('.headingRev').removeClass('headingRev').addClass('heading');
$(this).removeClass('heading').addClass('headingRev');

这是CSS:

.heading {color: #bb1f1a;}
.heading:hover {color: #e9b49e;text-decoration:none;}
.headingRev {color: #e9b49e;}

0 投票
1 回答
56 浏览

class - 找到一个类并将其添加到另一个元素

我需要找到一种从 li 获取类的方法,然后将该类添加到包含我所有主要内容的 div 中。所以...

<div class="structBody">
<ul id="ContentBreadCrumbsColor">
<li class="teal"></li>
</ul>

</div>

任何人都可以帮忙吗?我尝试了很多不同的想法,但我对 jQuery 还是很陌生。

0 投票
2 回答
4493 浏览

jquery - jquery检查所有复选框并将类添加到行?

如果选中了全选复选框,我正在尝试向我的 tr 行添加一个类,但我似乎无法让添加类工作(如果已取消选中全部检查,则显然删除它们),我正在使用在每个单独的行上切换以添加/删除类,但似乎无法让它为检查所有工作。

这是我的桌子:

这是我的jQuery代码:

0 投票
2 回答
91 浏览

jquery - 如何向打开的面板添加课程?

任何人都可以帮助我,我在一页上使用了两个面板,我只想一次显示一个,所以我对 js 进行了调整,但它似乎没有添加类。任何人都可以帮忙吗?

HTML 看起来像这样。

0 投票
2 回答
454 浏览

javascript - 如何使 JavaScript Math.random 重复?

基本上,我的网站上有一个页面,其中包含可以滑动以显示背景颜色的框。我希望这个背景颜色在页面加载时是随机的,通过向元素添加一个类,例如 .blue、.green 等...

我已经创建了这个代码,你可能会注意到这随机排序颜色类并应用于元素,这适用于前 6 个元素,但是这个页面特别有 12 个元素,我希望它适用,所以我的问题是如何做我将变量类的随机选择应用于所有“.portfolio ul li a”?是否需要某种形式的重复?

这是我的剧本..

})

这是我的源代码结构


0 投票
1 回答
454 浏览

jquery - addClass 和 removeClass 问题

我正在尝试让 jQuery 灯箱 Yoxview 与名为 Contentflow 的 Coverflow 图像库集成。我的问题是我只希望在内容流图像处于活动、居中状态时打开 Yoxview 灯箱。这允许单击横向图像以使它们流入活动的中心位置,因此我不希望每个图像都在灯箱中打开,只打开活动的图像。

这是我尝试使用的代码:

HTML 是:

最初效果很好,因为单击非活动图像将图像移动到中心并单击中心活动图像会在灯箱中正确打开,但是在单击每个图像一次后,所有图像都将在灯箱中打开。似乎 removeClass 没有发生。任何帮助,将不胜感激。

0 投票
3 回答
160 浏览

jquery - 为什么这个 jquery 不起作用?

我的意思是它有效,但如果我取出#slideshow它仍然会添加课程?

我尝试了其他删除课程。

0 投票
6 回答
118219 浏览

javascript - 如果 hasClass 则 addClass 到父级

原帖: 为什么这个简单的脚本不起作用?

编辑:

这不会隐藏 H1:

只有这样才能:

为什么我不能使用(这个)?

0 投票
3 回答
5591 浏览

jquery - jQuery / css addClass() 样式覆盖以前的样式属性

我有一个 div,它的默认类给它一个绿色背景。按下鼠标时,我想将背景更改为红色,直到松开鼠标。

我试图添加一个具有红色背景颜色的类。新的类属性似乎不会覆盖现有属性。我在 .css 文件中的原始类之后列出了新类。

css

脚本

html

0 投票
3 回答
394 浏览

jquery - 使用 jQuery.attr() 设置属性时,浏览器不会从 css 更新样式

我有一个站点帽子列出了一组可以下载的文件。自定义属性 docType 是根据文件扩展名设置的。如果没有扩展,则 docType 设置为“unknownDoc”。CSS 文件类似于以下内容:

用户很可能会上传我们尚未设置 css 样式的文档。在这种情况下,该项目将具有 docType 但没有背景图像。在这些情况下,我希望应用 unknownDoc 样式。所以我使用以下内容:

这工作正常。我不明白为什么我必须使用 addClass 语句?attr 或 addClass 本身不起作用。就好像添加属性不会导致浏览器像 addClass 那样根据新属性重新设置项目的样式。这是 jQuery 的东西还是浏览器的东西?

有一个更好的方法吗?

我尝试只使用类而不是 docType 自定义属性,但它变得太乱了,尤其是将来可能会向元素添加其他类时。