Question

是否可以使用if语句将一个div的类（例如#carve-promo）更改为另一个div，例如#cart-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');

jQuery if语句将div类更改为另一个而不是类

3 个答案: