JQuery addclass选择div,如果选择了另一个div,则删除class

Question

我正在做一个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');
    });
});

Answer 1

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

http://jsfiddle.net/XBfMV/

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

你可以简单地为选定的div添加一个通用类'active'.单击div时,删除"活动"类,并将其添加到单击的div中.