如何根据多个条件使用removeClass？
根据多个条件使用removeClass可以通过以下步骤实现：
- 首先，选择要操作的元素或元素集合。可以使用jQuery选择器来选择需要移除类的元素，例如使用类选择器
$(".element")选择所有类名为"element"的元素。 - 然后，使用
removeClass()方法来移除类。removeClass()方法用于移除元素的一个或多个类。可以将需要移除的类名作为参数传递给removeClass()方法。例如，要移除类名为"active"和"highlight"的类，可以使用removeClass("active highlight")。 - 如果需要根据多个条件来移除类，可以使用条件语句（如if语句）来判断是否满足移除类的条件。根据条件的不同，使用不同的
removeClass()方法调用来移除类。例如，如果需要根据某个条件来移除类名为"active"的类，可以使用以下代码：
if (condition) {
$(".element").removeClass("active");
}- 如果有多个条件需要满足才能移除类，可以使用逻辑运算符（如&&）来组合多个条件。例如，如果需要同时满足两个条件才能移除类名为"active"的类，可以使用以下代码：
if (condition1 && condition2) {
$(".element").removeClass("active");
}- 最后，根据实际需求，可以根据不同的条件组合来移除不同的类。根据具体情况，可以灵活运用条件语句和逻辑运算符来实现根据多个条件使用
removeClass()方法移除类。
总结起来，根据多个条件使用removeClass()方法可以通过选择要操作的元素，使用条件语句和逻辑运算符来判断条件，并调用removeClass()方法来移除类。这样可以根据不同的条件组合来移除不同的类。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
相关·内容
4回答
我已经看过了，但似乎找不到如何在一个jQuery选择器语句中选择与某些类匹配的所有元素，例如：
$('.myClass', '.myOtherClass').removeClass('theclass');
对如何实现这一点有什么想法吗？唯一另一种选择是
$('.myClass').removeClass('theclass');
$('.myOtherClass').removeClass('theclass');
但是我使用了相当多的类来做这件事，所以需要很多代码。
浏览 11提问于2009-01-28得票数 225
回答已采纳
我知道我能做到以下几点：
$('#mytable').find('tr:odd').removeClass('even');
$('#mytable').find('tr:even').addClass('even');
如果我已经有$('#mytable').find('tr')了呢。如何最有效地增加交替班？
浏览 1提问于2015-05-15得票数 0
回答已采纳
当按下表单的提交按钮时，将执行表单验证。一个特定的元素--下拉列表--可能会失败，并收到一个新的类，将其标记为无效。当添加这个类时，我希望有另一个单独的DOM元素来通知这个新类。然后，另一个元素必须将error类从已验证的元素复制到它自己的class属性以进行样式设置(当重新验证成功时，反之亦然)。此行为并不适用于所有表单元素。因此，通过插件的突出显示--或错误放置--回调的一般实现在我的例子中似乎是不可用的，因为据我理解，这个回调适用于所有的表单元素，而不是我所需要的单个表单元素。
我似乎一直致力于如何通过侦听器连接到验证过程。我检查了，以确定在验证后是否和在何处可能触发了一个事件，但找不到
浏览 6提问于2015-05-21得票数 0
回答已采纳
1回答
如何在不使用Qwerty键盘ctrl关键字的情况下选择多行。例如:- 在本例中，我希望在单击时选择多行，而不是使用ctrl关键字。
$("ul").on('click', 'li', function (e) {
if (e.ctrlKey || e.metaKey) {
$(this).toggleClass("selected");
} else {
$(this).addClass("selected").siblings().removeClass(
浏览 0提问于2016-01-13得票数 2
4回答
有条件地向元素中添加类的最佳实践方法是什么？一个选项是if语句，然后添加类。另一个选项是添加类或将空字符串添加为类。也许还有更好的选择？是的，我知道速度可能并不重要，但我只想知道“专业”的方法。
var addClass=1; //or 0
var row=$('#cloneElement')
.clone(false)
.removeClass('gone')
.removeAttr('id')
.attr('data-id',this.id);
if (addClass) {
row.addClass(&
浏览 5提问于2013-12-01得票数 3
回答已采纳
1回答
我希望'myclass‘和'col-3’类只适用于lg大小。在其他情况下，我只需要'col‘。如何做到这一点？
我可以这样做：
<div class="d-none d-lg-block">
<div class="myclass col-3">
<select id="country-select">
<option value="">All</option>
<opt
浏览 4提问于2019-07-21得票数 0
1回答
我有一个非常基本的表单，其中包含Jquery验证。
要求:如果名称字段不为空，则为，否则不需要地址。
这是好的，唯一的问题是红色高亮永远不会消失，即使当字段变得有效。
复制：
向First Name添加一些文本，然后按Save按钮。
预期结果：所有需要的字段都将高亮显示错误文本。
从First Name中删除文本，然后按Save按钮
预期结果：突出显示和错误文本应该消失。的实际结果：错误文本消失，但突出显示惯用。
这个问题有解决办法吗？
$(document).ready(function() {
isNullOrWhitespace = function(input) {
浏览 3提问于2020-12-01得票数 1
回答已采纳
4回答
有没有任何可能的方法来缩短下面的jQuery代码部分？
对于其他8个复选框，我可能需要重复使用相同的逻辑。非常感谢。
码
$('#select_client').on('change', function() {
var val = this.value;
/* Possible to shorten this section? I have more cases like this */
if (val == 'OTHER') {
$('#input_client').addClass('sho
浏览 6提问于2017-10-06得票数 1
回答已采纳
4回答
如果类被选中，我使用jQuery将类添加到单选框中。这可以很好地工作，但在选择另一个单选框时不会删除类。 我错过了什么？ jQuery(".checkbox-radio").change(function() {
if ($(this).is(':checked'))
$(this).closest(".radio-inline").addClass("selected");
else
$(this).closest(".radio-inline").removeC
浏览 51提问于2016-06-07得票数 3
回答已采纳
3回答
jQuery更改按钮符号
、、、
我有这样的情况:我有一个菜单，它只出现，然后按钮被点击。一切正常，除了当菜单打开后，我希望它关闭。按钮符号并没有改变，而是停留在“关闭”上。我做错了什么？
$(document).ready(function () {
$(".menu-button").click(function () {
$(".first-page nav").slideToggle(500);
});
if ($('.menu-button').hasClass("menu-open")) {
浏览 8提问于2015-06-13得票数 0
回答已采纳
5回答
如何删除隐藏类？为了展示彩带？
<div id="alwaysInStockRibbon" class="ribbon-wrapper-productpage hidden">
Css
.hidden {
display: none!important;
visibility: hidden!important;
我在下面尝试过这些，但没有成功。
Jquery
$(".hidden").remove();
$(".hidden").removeClass();
输入？
浏览 5提问于2016-08-24得票数 0
回答已采纳
1回答
如果不存在要显示的数据，我想禁用详细信息控制。
function format(d) {
return d[1];
}
var table = $('#table').DataTable({
"searching": false,
"ordering": false,
"info": false,
dom: 'frt',
serverSide: true,
"pageLength": 4,
language: {
浏览 2提问于2018-11-27得票数 1
4回答
我有以下语法，我想要从链接标记中删除所有css类。我如何使用jquery来做这件事？
<div id="nav">
<ul>
<li><a href="" class="foo">aa</a></li>
<li><a href="" class="bar">aa</a></li>
<li><a href="" class="yay">aa&l
浏览 2提问于2012-03-14得票数 2
回答已采纳
1回答
我只是Bootstrap和Web开发的新手，所以我的问题对专家来说非常简单和有趣。如何在滚动后改变引导带中的Navbar-品牌形象？我有一个完美的工作JS：
$(window).scroll(function() {
if ($(".navbar").offset().top > 50) {
$('#custom-nav').addClass('affix');
$(".navbar-fixed-top").addClass("top-nav-collapse"
浏览 3提问于2016-05-04得票数 2
回答已采纳
var checkTime = function(){
for(var i = 9; i <= 17; i++){
if($.now() < i){
$("#hour-").addClass(".past");
}
if($.now() === i){
$("#hour-").addClass(".present");
}
if ($.now() > i) {
浏览 7提问于2022-07-11得票数 0
回答已采纳
我是jQuery的初学者，我想知道如何在提交之前验证表单，特别是复选框。
我正在创建一个简单的检查表表单，如果用户完成了该步骤，将在其中勾选一个复选框。我计划做的是，脚本将阻止表单提交，如果有一个“未勾选”复选框并突出显示它的颜色。
下面是我的代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
.error {
浏览 5提问于2012-09-27得票数 0
回答已采纳
我正在使用下面这个自定义函数从textfield中删除不需要的字符，这是实时完成的。问题是它允许空间和用户可以输入他们想要的空间，但是我想只允许一个空间。
有可能吗？
function mask8(x){
var string = document.getElementById(x)
var regex = /[^A-Za-z ]/gi;
$("#"+x).removeClass("error");
if(string.value.search(regex) > -1) {
浏览 4提问于2014-02-17得票数 0
回答已采纳
我想知道，一旦屏幕尺寸低于1000px，我将如何使用jquery选择这个类并将其更改为span12。
<div class="span4 minus65">
我正在使用
$(window).resize(function(){
if($(this).outerWidth() < 1000){
$('.span4 minus65').attr('class',"span12");
}
});
但是当屏幕宽度低于1000px时，没有任何变化。
浏览 0提问于2012-11-25得票数 0
回答已采纳
6回答
可能重复：
如何在一次单击中从一个id中删除多个类。
我试过这样做，但效果不太好
$('.clearbtn_1').click(function(){
$('.valid_div1').removeClass('valid_tick','invalid_tick');
});
浏览 5提问于2012-02-07得票数 6
回答已采纳
4回答
使用单击函数切换
、、
我的网站里有一个小点击功能。
$("#item").click(function() {
$(".menu").addClass("active");
$(".footer").removeClass("status");
});
现在，当用户单击#item时--一切正常，但是现在我想要有能力逆转它，当用户再次单击它时，如下所示：
$(".menu").removeClass("active");
$(".footer").addClass("
浏览 4提问于2014-03-12得票数 0
回答已采纳
我有以下映射的超类：
@FilterDef(
name = "byCompanyUuid",
parameters = @ParamDef(
name = "companyUuid",
type = "string"
)
)
@Filter(
name = "byCompanyUuid",
condition = "COMPANY.UUID = :companyUuid&#
浏览 0提问于2020-12-18得票数 0
例如：
<li class="dataItem ready igto" status="ready">I will change status to waiting</li>
然后，我只想将ready类更改为ready.THe，通常的方法是删除，类就绪并添加新类！
和另一种情况是如何同时替换多个类！？例如：
<!-- replace done wainting error to ready -->
<li class="dataItem done igto" status="ready"&
浏览 3提问于2011-02-15得票数 11
回答已采纳
7回答
我很好奇如何在html元素中添加/删除类？这似乎是一个非常简单的操作。但事实证明，由于某种原因，没有找到removeClass方法。
因此，我需要做的是替换或删除旧元素，然后向元素中添加新元素。我该怎么做呢？
浏览 0提问于2013-04-17得票数 0
回答已采纳
5回答
检测标签显示，删除隐藏的类
、、、、
我想检测一个label的显示器是否为none，如果是，我将从标签中删除hidden类。
如何在jQuery中做到这一点？我是新来的js & jQuery。
浏览 8提问于2014-05-08得票数 6
回答已采纳
2回答
我想切换断点是窗口宽度小于1000px.But的标题类，当我将大小调整为小时，它工作得很好，但反之亦然。
以下是html的示例：
<header class="header-1">
........
</header>
这里的标头类可以是header-1，header-2 ......等
下面是js代码：
jQuery(window).on('load resize', function(){
var width = jQuery(window).width();
var header = jQuery(documen
浏览 0提问于2017-05-09得票数 0
4回答
当单击fa-bars时，我想将menu-button更改为fa-times。
如何使用我的当前代码完成此操作？
$(document).ready(function(){
$('nav.primary').prepend('<div id="menu-button">Menu <i class="fa fa-bars"></i></div>');
$('nav.primary #menu-button').on('click',
浏览 2提问于2015-07-22得票数 0
回答已采纳
我正在尝试用jQuery编写一个函数，它会将一个类添加到一个选定的链接(它在iframe中打开一个页面)，然后在选择另一个链接时删除这个类。我之前从这里的另一位成员那里得到了一些类似类型的帮助，但这涉及到单选按钮和表格。
我试着玩了一段时间，但jQuery对我来说还是个新手，所以我对它知之甚少。
基本上，我有大约3-4组包含在<div id="CollapsiblePanelContent"> ... </div>中的链接，我想添加一个样式到这个容器内的<a>标签，用户选择。
任何帮助都将不胜感激。谢谢。
<div id="Co
浏览 0提问于2012-07-08得票数 0
回答已采纳
1回答
单选按钮形式的iCheck复选框
、、、、
我将iCheck用于单选按钮和复选框。
如何在iCheck中使用复选框来充当单选按钮？
这就是我所拥有的：
$j(function(){
$j('input:checkbox.tip-facturare').on('ifChecked', function(event){
$j('input:checkbox.tip-facturare').not($j(this)).iCheck('uncheck');
$j(this).iCheck('check');
});
浏览 5提问于2014-07-30得票数 3
5回答
对于JS来说非常新鲜，到目前为止我确实得到了我需要的东西，但这是一场混乱。
我有三个类aer、bsa和sf，它们都有自己的div空间，在默认情况下，它们有Bootstrap 4的d-none (无显示)类。现在，当从下拉列表中选择aer时，d-none应该被删除，bsa和sf不应该改变(因为它们中已经有d-none了)。然后，当我选择bsa时，d-none应该被删除，aer应该有d-none，对于bsa，不应该发生任何事情。sf也是如此。
我通过以下JQuery完成了这一工作：
const aer = $('.aer');
const bsa = $('.bsa'
浏览 0提问于2019-06-05得票数 0
回答已采纳
4回答
好了，我已经在jQuery中动态创建了一个div来显示一些博客文章。
<div class="blog-items">
<div class="blog-item"></div>
</div>
下面的jQuery添加了一类nomargin来删除最后一个块上的边距。如何重置循环，使其在新的行上重新开始。目前，nomargin类被应用于其余的块。
下面是jQuery的摘录
var blogItemLength = $('.blog-item').length;
if(blogItemLengt
浏览 0提问于2013-07-11得票数 0
回答已采纳
嗨，所以我遇到了一个障碍，我的初学者是无法修复的。通过使用Bootstrap 4、navbar和一些jquery，我能够创建一个转换，当用户滚动到某个特定点时，它可以将一个不可见的导航条转换成一个坚实的颜色。我试图在这里寻找一些提示和答案，但似乎找不到解决办法。这是我的卷轴代码。
navScroll(){
$(document).ready(function() {
$(window).scroll(function(){
if($(document).scrollTop() > 500) {
$('
浏览 0提问于2018-06-19得票数 2
回答已采纳
我在html中有一个列表视图，它有头部和子元素。我已经实现了jquery脚本来过滤头元素和子元素，但问题是当我搜索子元素时，我也会得到包含其他元素的特定子元素。实际结果应该是(假设我在搜索框中搜索"xxx“，输出应该是头元素，而子xxx元素仅是没有发生的)。我得到的xxx结果与其他子元素-aaa也一样。请帮帮忙。我附上了jsfiddle链接"“
$("#search").keyup(function(){
var SEARCHWORD = this.value;
$("#list li").each(function(){
if($(th
浏览 1提问于2014-03-07得票数 1
我试图删除多个id上的同一个类。
下面是代码：
var test = ['#step-1','#step-2','#step-3'];
$(test).removeClass('active-step');
这不管用，我的问题是.有什么问题吗?还是有更好的方法来做到这一点？
浏览 1提问于2016-03-24得票数 1
回答已采纳
1回答
这个js只在浏览器页面上滚动时添加类。但是问题是在翻滚浏览器到页面顶部的.darkHeader类没有被删除，这意味着我想删除这个类后，页面滚动到顶部。
JS
lastScroll = 0;
$(window).on('scroll',function() {
var scroll = $(window).scrollTop();
if(lastScroll - scroll > 0) {
$(".nav").addClass("darkHeader");
} else {
$(
浏览 4提问于2015-05-31得票数 0
回答已采纳
4回答
这个问题听起来可能很蠢..。但是我有一个在文本框上应用css的代码。现在，我希望在另一个条件下将其再次设置为默认设置。
或者准确地说，我想将我的文本框发送到它的默认样式。
在网上搜索和堆叠我找到了这些答案-
有什么帮助吗？
编辑：
if (condition)
{
txtLastName.CssClass="ControlBackground_Yellow";
}
else
{
txtLastName.CssClass="Co
浏览 0提问于2013-01-11得票数 2
回答已采纳
2回答
下面的代码是在.NET应用程序异步回发期间显示背景暗淡的div弹出加载程序。如何从HideProgress()中的'body‘中删除CSS类模式？
function ShowProgress() {
setTimeout(function () {
modal = $('<div />');
modal.addClass("modal");
$('body').append(modal);
var loading = $(".loading"
浏览 3提问于2014-05-13得票数 0
回答已采纳
对于前人，如果我想通过护照id 或通过驾驶执照id进行搜索，应该如何替换以下代码：
employees.filter('passport_id =', passport_id)
employees.filter('dlicense_id =', dlicense_id)
或者，我应该使用两个查询代替？
那么如何合并结果呢？
浏览 3提问于2012-07-01得票数 1
回答已采纳
我在Elasticsearch上有一些文档索引，看起来像这些示例：
{"id":"1","isMigrated":true}
{"id":"2","isMigrated":true}
{"id":"3","isMigrated":false}
{"id":"4","isMigrated":false}
如何在一次查询中获得最后迁移的id和第一个未迁移的id？有什么想法吗？
浏览 5提问于2020-05-26得票数 0
1回答
我有一个数据帧，它有一个名为STAFF的变量。对于某些员工，我想创建一个新变量，并为该变量为特定员工赋值(28)。然后为不在初始提供程序组中的提供程序分配另一个值(14)，我希望将值28分配给这些提供程序。而这两个列表中的值都为0。 我有一些通用的代码，但我很好奇如何编辑它，使其只包含特定的员工/没有为每个员工编写单独的代码行。 MASTER.loc[MASTER['STAFF'] == 'Manuel V.', 'PG_Hours'] = 28.8
MASTER.loc[MASTER['STAFF'] == 'Dan
浏览 34提问于2020-11-11得票数 1
回答已采纳
我编写了一个代码，单击一个条目显示一个类似div的上下文菜单，以使用户能够剪切和粘贴列表项，我将禁用类添加到div中与粘贴操作相关的按钮中。但是，当某些内容被选中时，我希望删除类“禁用”以启用粘贴按钮。守则如下：
html:
<div id="contextMenu" class="text-center" style="display: none; z-index: 1001; width: 242px;box-shadow:#D3D3D3 0px 0px 10px 4px; background-color: #FDFFC7; padding:
浏览 4提问于2014-07-23得票数 0
回答已采纳
2回答
我有一个组件item，它代表一张卡片，上面有关于该项的数据。由于所有的卡都有相同的结构(每张卡上都显示了价格/颜色/大小/照片类别，仅此而已)，我想应用一个条件CSS，但我不知道如何，因为卡的风格(稍微)不同的是：
价格(例如，如果价格较低，卡就会更大)
如果用户已将其标记为收藏夹
无论它们是这个或那个组件的一部分( URL可以是相同的)。例如，在单个视图中，第一个组件具有X卡的样式，第二个组件具有Y卡的样式--但是卡片具有相同的数据。
我真的愿意接受任何建议！
浏览 0提问于2019-08-31得票数 1
回答已采纳
我需要根据if else条件对ViewModel中的按钮应用动态样式。我已经创建了两种样式的按钮在独立的用户控件使用ResourceDictionary与相同的键。此按钮位于一个用户控件中，即xaml。如何使用样式标签和DynamicResource动态应用样式。如何在属性中做到这一点？
敬请指教？
谢谢
浏览 0提问于2011-04-12得票数 1
我想在下面的代码中使用一个条件语句。基本上，我想这样做：
if (home page) insert 655, if (not home page) insert 391
主页的body元素有一个home类，因此我可以使用.home #sidebar来锁定主页侧边栏。
jQuery(window).scroll(function () {
var threshold = 655;
if (jQuery(window).scrollTop() >= 655)
jQuery('#sidebar').addClass('fixed');
浏览 4提问于2014-03-19得票数 1
回答已采纳
$(".m").toggle(
$(".m").addClass('on'),
$(".m").removeClass('on')
);
这似乎不是我想要的工作方式，是我做错了还是有别的问题？
我试过你的方法，他们似乎工作，但这个问题是在css，它没有显示.on，它看起来像这样：
a.m {color:red;}
a.m:hover {color:blue;}
a.m:active, .on {color:green;}
浏览 2提问于2011-12-02得票数 0
回答已采纳
3回答
对于JavaScript方面的事情，我还是个新手。
我正在尝试在我的代码中包含一个条件语句，以便它只在768px以上的屏幕上工作
$(window).on('scroll', function () {
if ($(window).scrollTop() > 75) {
$('#anim-nav').addClass('bg-fill').removeClass('white').addClass('black');
}
else {
浏览 0提问于2018-03-16得票数 0
我们有一个带有S3条件的StringLike桶的策略。我们允许那些在他们的请求中有“主页”的用户的请求，并且目前的策略运行良好。但是我们希望在策略中添加or条件，我们也希望接受'House‘值。因此，我们将在单一政策中接受其中任何一个的请求。这两个词都不是强制性的，一个对我们来说就足够了。
我们已经试着添加；
*Home*,*House*，但它不起作用。如何做到这一点？目前我们的政策如下：
{
"Version": "2011-11-15",
"Id": "Policy150267299",
浏览 1提问于2021-12-03得票数 0
4回答
如果我们有这样的东西
var foo=$('.foo');
var boo=$('.boo');
var koo=$('.koo');
那么，是否有可能将foo、boo和koo放在一个具有$函数的JQuery对象中？
我试过这些：
$(foo,koo,boo).removeClass('someClass'); // nothing happened
$([foo,koo,boo]).removeClass('someClass'); // nothing happened
但什么都没发生。
PS。我知道我可以在$
浏览 10提问于2016-12-01得票数 2
回答已采纳
实际上，在搜索之后，我正在尝试获取单个表列的值。如果我选择=运算符并键入column任何输入值，然后在搜索之后，输入值将类似于与相似值匹配的一行或多行。同样，如果我选择<运算符，该列将获得小于输入值，如果我选择>运算符，该列将获得大于输入值，如果我选择<=运算符，则将获得大于输入值，如果我选择>=运算符，则将获得小于或等于输入值，如果选择>=运算符，将获得大于或等于输入值。但是我不能做这个专栏搜索。如何解决这个搜索问题？
浏览 55提问于2021-02-28得票数 1
回答已采纳
我正在创建代码，将在我的页面上放置选项卡式内容。代码创建选项卡，当单击这些选项卡时，将显示和隐藏其下方的内容。活动选项卡也变为白色，而非活动选项卡变为灰色。
标签内容工作很棒，但是，我需要能够把一个以上的标签内容组在同一页。
当我有多组选项卡时，当您在任何一组中单击时，都会导致两组中的内容都受到影响。活动的白色选项卡将从两个组中清除，并且每个组下面的内容将被隐藏。
我需要更改分别发生在每组选项卡。
我在这里链接了一个小提琴：
这就是我遇到问题的函数：
$(".myTabz li").click(function() {
taby = $(thi
浏览 2提问于2013-05-07得票数 0
回答已采纳
我有一个具有值的列字段类型(可编辑，只读)。所有行都将填充这些值中的一个。
我只想在所选行的列值可编辑时启用/禁用工具栏选项编辑。
我如何在jqgrid中实现这一点。
浏览 1提问于2011-03-21得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
