标签: removeclass

我有以下代码来查找带有类名的元素:

// Get the element by their class name
var cur_columns = document.getElementsByClassName('column');

// Now remove them

for (var i = 0; i < cur_columns.length; i++) {

}

我只是不知道如何删除它们.....我是否必须引用父母或其他东西？处理这个问题的最佳方法是什么？

@ Karim79:

这是JS:

var col_wrapper = document.getElementById("columns").getElementsByTagName("div");
var len = col_wrapper.length;

alert(len);

for (var i = 0; i < len; i++) {
    if (col_wrapper[i].className.toLowerCase() == "column") {
        col_wrapper[i].parentNode.removeChild(col_wrapper[i]);
    }
}

这是HTML:

<div class="columns" id="columns">
    <div class="column"><input type="checkbox" name="col_list[]" value="cows">cows</div>
    <div class="column"><input type="checkbox" name="col_list[]" value="cows">cows</div>
    <div class="column"><input type="checkbox" name="col_list[]" value="cows">cows</div>
    <div class="column"><input …

好吧,我知道通过一些jQuery动作,我们可以为特定的div添加很多类:

<div class="cleanstate"></div>

让我们说,通过点击和其他一些事情,div可以获得很多课程

<div class="cleanstate bgred paddingleft allcaptions ..."></div>

那么,我如何删除除一个类之外的所有类？我提出的唯一想法就是:

$('#container div.cleanstate').removeClass().addClass('cleanstate');

在removeClass()杀死所有类的同时,div被搞砸了,但在之后添加addClass('cleanstate')它会恢复正常.另一个解决方案是使用基本CSS属性放置一个ID属性,这样它们就不会被删除,这也会提高性能,但我只是想知道另一个解决方案除去".cleanstate"之外的所有解决方案.

我问这个是因为,在真实的脚本中,div会遭受各种类的更改.

我正在尝试做一些非常简单的事情.基本上我有一个可点击的div'热点',当你点击它填满屏幕并显示一些内容.我通过简单地改变div的类,删除'spot'并添加'grow'来实现这一点,并且有一些CSS动画来使它成长.这很好用.

问题是,在这个div中有一个close_button,目前只是文本.我希望这可以将类切换回来 - 即删除成长和读取的点.单击时不会执行此操作.我相信这是在DOM加载时没有这些类的元素,但我是jQuery的新手,不知道如何解决这个问题.

我认为这可能是一种更明智的做法,有人能指出我正确的方向吗？我会非常感激的.我尝试使用toggleClass而无济于事.

$( document ).ready(function() {      
    $(".clickable").click(function() {  
        $(this).addClass("grown");  
        $(this).removeClass("spot");
    });   

    $(".close_button").click(function() {  
        alert (this);
        $("#spot1").removeClass("grown");  
        $("#spot1").addClass("spot");
    });   
});

更新:

我现在正在使用此代码,

$( document ).ready(function() {   
    $(document).on("click", ".close_button", function () { 
        alert ("oi");
        $("#spot1").addClass("spot");
        $("#spot1").removeClass("grown");
    });  


    $(document).on("click", ".clickable", function () {
        if ($(this).hasClass("spot")){
            $(this).addClass("grown");
            $(this).removeClass("spot");
        }
    });
});

奇怪的是,close_button函数仍然不会添加'spot'或删除'grow'虽然它会添加任何其他类,它会删除其他类...我添加了if子句,因为我认为这两个函数都可能被触发时间,互相取消,但似乎没有任何区别

我有一个名为.m-active的类,在我的HTML中多次使用.

基本上我想要做的是当用户点击图像(没有m-active类)时删除该类的所有实例,并将m-active类添加到该图像.

例如,在Backgrid行中,您可能有一个单击处理程序,如下所示:

"click": function () {
    this.$el.addClass('m-active');
}

但是您还希望从之前添加的任何行中删除该类,以便一次只有一行具有.m-active类

有谁知道如何在javascript/jquery中完成这项工作？

我正在做一个formbuilder,我想改变例如标题div的外观.单击时,它应该得到一个边框但是当单击另一个动态生成的div时,应该删除该类,并且第二个单击的div必须获取.active类.

如何使用生成的div进行此操作？

无论如何我找到了一些有效的东西,但我仍然需要如果选择了另一个div,之前的div.removeclass和选中的div.addclass

这有效:

/* Add Class */
$(document).ready(function() {
    $( document ).on( 'click', '.HeadingDiv', function () { /* This '.HeadingDiv' could be anything, I need something dynamic here */
        $('.HeadingDiv').removeClass('active'); /* This '.HeadingDiv' could be anything, I need something dynamic here */
        $(this).addClass('active');
    });
});

想要改变盒子上的边框颜色..

..当用户将鼠标移出/移出时..

这是尝试过的代码..需要工作!

JQuery的:

<script>
$("result").hover(
  function () {
    $(this).addClass("result_hover");
  },
  function () {
    $(this).removeClass("result_hover");
  }
);
</script>

CSS3:

<style>
  .result {
    height: 72px;
    width: 100%;
    border: 1px solid #000;
  }
  .result_hover {
    border: 1px solid #fff;
  }
</style>

HTML5:

<div class="result">
  <div class="item">
    <div id="item1">
      <i class="icon"></i>&nbsp;##
    </div>
  </div>
<div>

谢谢你的期待

我有以下HTML

<div id="testID" class="test1">
        <img id="testID2" class="test2" alt="" src="some-image.gif" />
    </div>

我基本上想要#testID2并用.test3类替换.test2类？

我试过了

jQuery('#testID2').find('.test2').replaceWith('.test3');

但这似乎不起作用？

有任何想法吗 ？

我想将一个fadeIn效果应用于addClass函数..并将fadeOut应用于removeClass ...

你能帮助我吗？

这是我的代码

$('#loader'+idTurno).addClass('loader');

...

$('#loader'+idTurno).removeClass('loader');

我有任何导航菜单!

   <div class="nav">
    <ul class="navigation">
    <li class="selected"><a href="#">HOME</a></li>
    <li><a href="#">PROFILE></a></li>
    <li><a href="#">CONTACTUS</a></li>
    <li><a href="#">ABOATUS</a></li>
    </ul>
    </div>

现在,如何在单击任何(配置文件,Contactus,aboutus)后添加所选类,并使用Jquery删除所选的主页.

谢谢

除了某些类之外,如何从元素中删除所有类.我假设我们不能不使用removeClass().假设我有一个<div class="aa bb cc dd ee ff"></div>,我想删除所有类,除了aa dd.我怎样才能做到这一点.