jquery - jQuery if 语句将 div 类更改为另一个非类

Question

是否有可能使用 if 语句将一个 div 的类（例如#carriage-promo）更改为另一个，例如 #carriage-promo-2？

考虑：

if(! navigator.userAgent.match(/Android/i) &&
 ! navigator.userAgent.match(/webOS/i) &&
 ! navigator.userAgent.match(/iPhone/i) &&
 ! navigator.userAgent.match(/iPod/i) &&
 ! navigator.userAgent.match(/iPad/i) &&
 ! navigator.userAgent.match(/Blackberry/i) )
    {
        $('#carriage-promo').css({'position':'fixed','bottom':'0px','width':'100%'});
    } else {
        $('#carriage-promo').css({'display':'inline-block', 'height':'40px'});
        alert('tablet detected');
        //change #carriage-promo to #carriage-promo-2
    }

如果用户从上述设备之一浏览，我不想只更改类的一个属性，而是将整个类从一个更改为另一个。

Answer 1

不太确定是否要更改 ID 或 Class 属性。如果是类，则只需将 id 替换为类。

$('#carriage-promo').attr('id', 'carriage-promo-2');

或者，如果您想更改课程，您可以这样做

$('#carriage-promo').addClass('class_name');

Answer 2

您可以使用addClass()添加 css 类和removeClass()删除 css 类

  if(! navigator.userAgent.match(/Android/i) && ! navigator.userAgent.match(/webOS/i) &&
     ! navigator.userAgent.match(/iPhone/i) && ! navigator.userAgent.match(/iPod/i) &&
     ! navigator.userAgent.match(/iPad/i) &&! navigator.userAgent.match(/Blackberry/i) )
    {
        $('#carriage-promo').addClass("addclass1");
    } else {
        $('#carriage-promo').addClass("addclass2");
        alert('tablet detected');
        //change #carriage-promo to #carriage-promo-2
    }

CSS类：

.addClass1{
       position:'fixed';
       bottom:'0px';
       width:'100%';
}
.addClass2{
      display:'inline-block'; 
      height:'40px';
}

Answer 3

如果您使用的是 jquery，请尝试以下操作：

$('#carriage-promo-2').addClass('addThisClass');