首页 > 如何在JS中对对象编组?

如何在JS中对对象编组?

btn1 = $('.js-wait-audit');
btn2 = $('.js-wait-publish');
btn3 = $('.js-running');
btn4 = $('.js-pause');
btn5 = $('.js-overdue');
btn6 = $('.js-text');
div1 = $('.wait-audit');
div2 = $('.wait-publish');
div3 = $('.running');
div4 = $('.pause');
div5 = $('.overdue');
div6 = $('.text');

如何把btn2-6编为一组,div2-6编为一组,达到如下例子:

btn1.click(function(){
    btn1.addClass('current');
    div1.addClass('open');
    exceptBtn1.removeClass('current');
    exceptDiv1.removeClass('open');
});

题主如果要做的是 Tab 这样的功能,应该全部移除 current 和 open 类,再给当前的 Tab 添加比较合适。


题主使用的是jquery吗?
如果是的话,可以这样做。

//btn2-6
$('js-wait-publish,.js-running,.js-pause,.js-overdue,.js-text').click(function(){
   //code here
});

div2-6也是类似,如果类型或属性名有相似之处,建议是用$([attribute^=value])等选择器。

【热门文章】
【热门文章】