我有一个div对象
<div class="class1 classA classB class2"> content </div>
和一些按钮
<button id="numbers">clickme N </button>
<button id="alphas">clickme A </button>
代码应该执行此功能:
<script>
var classesN = [class1, class2, class3];
var classesAlpha = [classA, classB, classC];
$('#alphas').click(function() {
$('div').removeClass(all classes that are in the classesAlpha array);
});
$('#numbers').click(function() {
$('div').removeClass(all classes that are in the classesN array);
})
</script>
感谢您的任何建议,我希望您喜欢这个问题:)
好的,我有一个有趣的(好吧,对我来说很有趣,反正:)).
我有一个情况,我有一个静态类值的div,但它也可以分配一个动态的"二级类".当用户进行选择时,需要删除任何现有的辅助类并添加新类.
忽略使用id值(项目的标准使用类......无法更改),是否有一种优雅的方法可以在添加新类之前简单地忽略第一个类并删除其他任何类？
示例启动HTML:
<div class="staticClass dynaClass1" />
示例JS:
function updateClass(newSecondaryClass) {
$(".staticClass") . . . **** remove any class besides "staticClass" ****
$(".staticClass").addClass(newSecondaryClass);
}
如果使用函数调用该函数updateClass("dynaClass2");,则生成的HTML应为:
<div class="staticClass dynaClass2" />
我可以想办法,只需删除所有类removeClass();,并在添加新类时添加"staticClass",或者使用attr("class", "staticClass " + newSecondaryClass);,但我想知道是否有办法处理它而不必触摸静态类？
最后,我想这是一个学术问题,比什么都重要...看起来它应该是可行的,但我不知道该怎么做.:d
有没有办法删除一个启动或包含已定义文本字符串的类？
我有几个类的背景颜色覆盖开始 .bg
.bgwhite
.bgblue
.bgyellow
我为一个选择框设置了一个小jquery,它为一个元素添加和删除了修改类,在这种情况下<a href id="buttontostyle">我需要删除这些类的标记.bg,同时保留另一个确定按钮大小的类.像这样:
$("#buttoncolors").change(function() // buttoncolors is the select id
{
var valcolor = $("#buttoncolors").val();
$("#buttontostyle").removeClass("bg" + "*");
$("#buttontostyle").addClass(valcolor);
});
我想检测一下label显示器是否为空.如果是,那么我将从hidden标签中删除该类.
怎么能在jQuery中完成？我是js和jQuery的新手.
我使用此示例验证我的表单,但出现此错误:
未捕获的TypeError:element.removeClass不是函数 说removeClass()不是函数!! 我糊涂了
我的Js代码:
$(function () {
var form = $('#CompanyStep')
, formData = $.data(form[0])
, settings = formData.validator.settings
, oldErrorPlacement = settings.errorPlacement
, oldSuccess = settings.success;
settings.errorPlacement = function (label, element) {
debugger;
oldErrorPlacement(label, element);
label.parents('.form-group').addClass('has-danger');
label.addClass('text-danger');
element.addClass('form-control-danger');
};
settings.success = function (label, element) {
debugger;
label.parents('.form-group').removeClass('has-danger');
label.parents('.form-group').addClass('has-success');
element.removeClass('form-control-danger');
element.addClass('form-control-success');
oldSuccess(label, element);
};
});
我有一个带有以下样式的段落:
.design_info_box p.design_info_desc
{
height:30px;
text-overflow: ellipsis;
overflow:hidden;
}
通过这个,您可以看到前两行文本,其中包含一个"阅读更多"的按钮,该按钮扩展了段落以显示文本的其余部分.
这是按钮的代码:
$(".read-more div").click(function(){
$(this).parent().parent().children("p").removeClass("design_info_desc", "slow");
$(this).hide();
});
这确实删除了类,并显示了整个段落.但是,它没有动画.根据文档,removeClass应该具有动画的持续时间.我也试过用10000这样的数字代替"慢".
它有没有动画的原因？
我正在研究jquery，我希望实现以下效果：首先单击，向下滑动div＃ccc并将链接类更改为“ aaa”；再次单击，将div＃ccc向上滑动并将链接类更改回'bbb'。现在向下滑动滑块可以使用，但是removeClass和addClass无法使用。如何修改使两个效果完美？谢谢。
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
$("#click").click(function() {
$("#ccc").slideDown('fast').show();
$(this).removeClass('bbb').addClass('aaa');
});
$("#click").click(function() {
$("#ccc").slideDown('fast').hide();
$(this).removeClass('aaa').addClass('bbb');
});
});
</script>
<style>
#ccc{display:none;}
</style>
<div id="click" class="bbb">click</div>
<div id="ccc">hello world</div>
我正在为我的网站开发一个条件,这样当我将页面滚动到一个锚点时,对应于该锚点的菜单项会添加或删除某个类.
我的问题是,我不能让第一个项目菜单删除类,当滚动到第二个锚点,我认为问题可能是在这种情况下,它可能不会像我想的那样工作,所以我需要你的帮助
为此,我使用jquery,这是我到目前为止所得到的:
jQuery(document).ready(function($) {
var target1 = $("#thehotel").offset().top;
var target2 = $("#thecity").offset().top;
var interval = setInterval(function() {
// i am not sure if this setInterval method is causing the problem, yet i didn't find any other solution
if ($(window).scrollTop() >= target1 && $(window).scrollTop() < target2) {
$("#menu .item-109 a").addClass("myClass");
$("#menu .item-111 a").removeClass("myClass");
}
else if ($(window).scrollTop() >= target2) {
$("#menu.item-109 a").removeClass("myClass");
$("#menu .item-111 a").addClass("myClass");
}
}, 250);
});
如果你发现我的英语不好,我很抱歉,这不是我的母语.谢谢.
我发现了我的错误,这是一个错字!
这里:
if ($(window).scrollTop() >= target1 && $(window).scrollTop() < target2) …当点击一个div我想删除它的最后一个类(这总是第三个).因此,当点击下面的div时,我希望删除class3,它可以有不同的类名(但总是以'_hover'结尾).
有这么简单的方法吗？
<div id="container" class="class1 class2 class3">
$('#container').on('click', function() {
$(this).removeClass(?);
}
请参考小提琴 - http://jsfiddle.net/fkwwyvz8/
x = document.getElementsByClassName("buddy_blocks");
for(i=0;i<x.length;i++)
x[i].remove();
单击最后一个按钮，它必须删除所有其他按钮，但它不会并且只删除其中一些按钮，不知道为什么？有什么方法可以删除所有这些按钮吗？