2

if ステートメントを使用して、ある div のクラス (#carriage-promo など) を別の div (#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
    }

クラスのプロパティを 1 つだけ変更するのではなく、ユーザーが上記のデバイスのいずれかからブラウジングしている場合、クラス全体をあるものから別のものに変更したいと考えています。

4

3 に答える 3

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';
}
于 2013-09-04T11:31:48.150 に答える
2

ID または Class 属性を変更するかどうかはよくわかりません。クラスの場合は、id をクラスに置き換えるだけです。

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

または、変更したいクラスの場合は、次のことができます

$('#carriage-promo').addClass('class_name');
于 2013-09-04T11:26:48.540 に答える
1

jqueryを使用している場合は、これを試してください：

$('#carriage-promo-2').addClass('addThisClass');
于 2013-09-04T11:26:06.283 に答える