标签: removeclass

我想通过使用addClass和removeClass 3次给一个元素眨眼效果我试过这个

$("#div").addClass("orange").delay(300).queue(function(next){
    $(this).removeClass("orange");
    next();
});

这只是一次工作

怎么能让这个发生3次300毫秒延迟？

我在xsl中有字符串"[test]".我需要删除xsl中的这个括号.我怎样才能在XSL中实现这一目标.请帮忙.

我知道这可以做到,但我如何删除'['与下面的代码,

   <xsl:call-template name="string-replace-all">
     <xsl:with-param name="text" select="$string" />
     <xsl:with-param name="replace" select="$replace" />
     <xsl:with-param name="by" select="$by" />
   </xsl:call-template>  

请帮忙删除'['和']'

因此，如果您单击 Red 类，它应该从 Blue 和 Green 按钮中删除 blue_on 和 green_on 类（如果正在使用它们）。

<div id="dashboard-menu">
    <div id="red" class="red_on">Red</div>
    <div id="blue" class="blue_off">Blue</div>
    <div id="green" class="green_off">Green</div>
</div>

我的代码笔，我试图在一个较小的区域复制我的问题：http ://codepen.io/leongaban/pen/vzolu

我的真实代码供参考

<div id="dashboard-menu">
    <div id="dash-btn" class="dashboard-button-on">
        <div class="icon"></div>
        <span>Dashboard</span>
    </div>

    <div id="dash-btn" class="affiliate-button-off">
    <span>Affiliate Search</span>
    </div>

    <div id="dash-btn" class="wishlist-button-off">
    <div class="icon"></div>
    <div class="count">3</div>
    </div>
</div>

我试图e从任何地方删除一个类是否存在。

更多详情，请查看我的代码：https : //jsfiddle.net/gf4a27nn/1/

HTML

<div id="a">
  <button class="b d">button</button>
</div>
<div id="c" class="d">content</div>
<div id="f">content2</div>

查询

$(function() {
    $("button.b").on("click", function() {
    $(".d").addClass("e");
  })

  $(".e").on("click", function() {
    $(".d").removeClass("e");
  })
})

嗨,我需要删除所有花哨项目的'fancy'类,

<script type="text/javascript">
$(document).ready(function(){
    $('.fancy').removeClass('.fancy');
    alert($('.fancy').length + 'comentarios');
});
</script>

尝试这样,该类不会被删除,警报显示'6comentarios'所以选择了6个项目,

我错过了什么？

谢谢!

我今天早上似乎遇到了一些麻烦removeClass.首先我单击a div添加Class 'containerhover',然后当我单击关闭按钮时,它不会删除它刚刚添加到的类div.

我不知道这是否与它仅被添加到dom中并且实际上没有被编码到HTML中有关.请有人帮忙.

HTML

<div class="container"></div>

jQuery的

$(function() {

    $('.container').click(function(e) {
        var mythis = $(this);
        mythis.addClass("containerhover");
        mythis.find('.backface').addClass("bfhover");
        mythis.find('.album').addClass("ahover");
    });

    $('.closealbum').click(function(e) {
        $('.container').removeClass('containerhover');
    });
});

所以我在悬停时出现了一个下拉导航,我试图在那里延迟以提高可用性.最初我使用的是hoverIntent,除了IE8及以下版本以外,它在任何地方都能很好地工作.

所以我试图用普通的旧Javascript来做延迟,但是setTimeout函数不会调用我的jQuery.

var J = jQuery.noConflict();

 J(".navigation li").hover(function(){J(this).addClass("hover");},function(){setTimeout("J(this).removeClass('hover');",500);});      

当我这样设置时:

 function off(){J(this).removeClass("hover"); alert("hello");}


J(".navigation li").hover(function(){J(this).addClass("hover");},function(){setTimeout("off()",500);}); 

警报完美但不是.removeClass函数.

我错过了什么吗？

我有一个相当简单的脚本,我希望在jQuery加载时div消失,添加一个"触发器"元素,我可以单击该元素以便div再次出现.然后更改"触发器"的类,当我再次单击时,div应该再次消失..不幸的是,脚本工作正常,直到"触发器"类被更改,如果我再次单击它没有任何反应.

问题解决了

这是工作 JS:

$(document).ready(function () {
if ($('#Bestellungen #Offene .products')) {
    $('#Bestellungen #Offene .products').hide();
    $('#Bestellungen #Offene .products').before('<div class="trigger"></div>');
    $('#Bestellungen #Offene').on('click', '.trigger', function () {
        $(this).addClass('minus').next().show();
    });
    $('#Bestellungen #Offene').on('click', '.trigger.minus', function () {
        $(this).removeClass('minus').next().hide();
    });
}

});

在这里HTML:

<div id="Bestellungen">
<div id="Offene">
    <table>
        <tr>
            <td>
                <div class="products">blablabla</div>
            <td>
        </tr>
    </table>
</div>

我想在找到匹配的关键字时为元素添加一个类href

HTML,

<ul class="menu-header">
<li><a href="http://localhost/website/#/home/" class="button-header current">HOME</a></li>
<li><a href="http://localhost/website/#/gallery/" class="button-header">GALLERY</a></li>
<li><a href="http://localhost/website/#/people/" class="button-header">PEOPLE</a></li>
<li><a href="http://localhost/website/#/contact/" class="button-header">Contact</a></li>
</ul>

因此,如果关键字是"gallery",则应将"current"添加到该元素,并且必须删除其他元素中的"current"类.

jQuery的,

var request = "gallery";

// Add the class to the menu.
$(".menu-header li").each(function(){

    var object = $(this); // which is <li>
    var siblings = object.siblings(); // other <li>s

    // Clean all siblings' style.
    siblings.find("a").removeClass('current');
    var array_link = $("a",this).attr("href").split('/');

    if ($.inArray(request, array_link) == 1) $("a.button-header",object).addClass("current");

});

我设法从所有元素中删除"当前"类,但无法添加"当前"类.

我错过了什么想法？

This functions starts when I click on a link. It needs to remove all '.is-active' classes on the elements with the attribute [data-route]. And add the class '.is-active' on the [data-route] element that is connected with the link I clicked on.

    toggle: function(section){
        var sections = document.querySelectorAll('[data-route]');
        for (i = 0; i < sections.length; i++){
            document.querySelector('[data-route]').classList.remove('is-active');
        }
        document.querySelector(section).classList.add('is-active');
    }

But this doesn't work. It doesn't remove the classes?

See example: http://jordypouw.github.io/myFED2/deeltoets1/index.html

P.S. it has to be in vanilla JavaScript.