如果在Javascript中使用else

如果在Javascript中使用else,javascript,Javascript,我的页面上有以下选项卡 <div> if ("New Joinees" in user.groups) { <ul class="tabs"> <li class="tab-link tab1" datatab="tab-1">'Business System Functionality'</li> <li class="tab-link tab2" datatab="tab-2">'Product'</

我的页面上有以下选项卡

<div>
if ("New Joinees" in user.groups) {
<ul class="tabs">
    <li class="tab-link tab1" datatab="tab-1">'Business System     
Functionality'</li>
    <li class="tab-link tab2" datatab="tab-2">'Product'</li>
    <li class="tab-link tab3" datatab="tab-3">'Environment  
Administration'</li>
    <li class="tab-link tab4" datatab="tab-4">'Training'</li>
    <li class="tab-link tab5" datatab="tab-5">'Release Notes'</li>
    <li class="tab-link tab11" datatab="tab-11">'Regulatory Compliance 
Board'</li>
</ul>
}
else if ("RCB" in user.groups){
<ul class="tabs">
    <li class="tab-link tab5" datatab="tab-5">'Release Notes'</li>
    <li class="tab-link tab11" datatab="tab-11">'Regulatory Compliance  
Board'</li>
    <li class="tab-link tab12" datatab="tab-12">'Product Management'</li>
</ul>
}
else {
<ul class="tabs">
    <li class="tab-link tab1" datatab="tab-1">'Business System 
Functionality'</li>
    <li class="tab-link tab2" datatab="tab-2">'Product'</li>
    <li class="tab-link tab3" datatab="tab-3">'Environment 
    Administration'</li>
    <li class="tab-link tab4" datatab="tab-4">'Training'</li>
    <li class="tab-link tab5" datatab="tab-5">'Release Notes'</li>
    <li class="tab-link tab6" datatab="tab-6">'Architecture'</li>
    <li class="tab-link tab7" datatab="tab-7">'Testing'</li>
    <li class="tab-link tab8" datatab="tab-8">'System Administration'</li>
    <li class="tab-link tab9" datatab="tab-9">'Site Management'</li>
    <li class="tab-link tab10" datatab="tab-10">'Staging'</li>
    <li class="tab-link tab11" datatab="tab-11">'Regulatory Compliance 
  Board'</li>
    <li class="tab-link tab12" datatab="tab-12">'Product Management'</li>
</ul>
}
</div>
我想在Javascript中使用if-else语句来反映以下内容:

如果用户是RCB,默认情况下突出显示的选项卡应为发行说明

如果用户是新加入者,默认情况下突出显示的选项卡应该是业务系统功能

对于任何其他用户,要突出显示的选项卡应该是业务系统功能


任何帮助都将不胜感激。

下面的代码将为所有3种类型的用户将第一个选项卡设置为
current

$(document).ready(function() {
  /* Apply current on Page load */
  var $current = $('ul.tabs li:first-child');
  $current.addClass('current');
  $('.tab-content').css("border-top", "5px solid #3399CC");
  $('#' + $current.attr('datatab')).addClass('current');

  $('ul.tabs li').click(function() {
    var contentid = '#' + $(this).attr('datatab');

    $('ul.tabs li').removeClass('current');
    $('.tab-content').removeClass('current');

    $(this).addClass('current');
    $(contentid).addClass('current').css("border-top", "5px solid " + $(this).css("background-color"));
  });

});

它应该在服务器端(而不是使用javascript在客户端)处理,任何时候只有一个
可见,对吗???@Pugazh…是的,没错…元素的顺序是否总是一样的?不。。。当我以RCB用户身份登录时,只会显示三个选项卡,发行说明将是第一个显示的选项卡……当我以新加入者身份登录时,只会显示6个选项卡,并且业务系统功能将是选择或显示的默认选项卡。@PankajMorajkar:欢迎:-)
$(document).ready(function() {
  /* Apply current on Page load */
  var $current = $('ul.tabs li:first-child');
  $current.addClass('current');
  $('.tab-content').css("border-top", "5px solid #3399CC");
  $('#' + $current.attr('datatab')).addClass('current');

  $('ul.tabs li').click(function() {
    var contentid = '#' + $(this).attr('datatab');

    $('ul.tabs li').removeClass('current');
    $('.tab-content').removeClass('current');

    $(this).addClass('current');
    $(contentid).addClass('current').css("border-top", "5px solid " + $(this).css("background-color"));
  });

});