JQuery addclass到选定的div,如果选择了另一个div,则删除类

前端之家收集整理的这篇文章主要介绍了JQuery addclass到选定的div,如果选择了另一个div,则删除类前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在做一个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');
    });
});

解决方法

你看起来像这样短暂有效:

http://jsfiddle.net/XBfMV/

$('div').on('click',function(){
  $('div').removeClass('active');
  $(this).addClass('active');
});

您可以简单地为所选的div添加一个通用类“active”。当点击div时,删除“活动”类,并将其添加到点击的div。

猜你在找的jQuery相关文章