如何使用javascript根据另一个div的值更改Div的类名

时间:2015-04-20 11:12:17

标签: javascript php jquery html css

这是我的代码:

<div class="div1"></div>
<div class="div2">name1</div>

如果.div2的值为“name1”,则.div1应更改为.div3,如果.div2的值为“name2”,则.div1 1}}应更改为.div4。我希望你能帮助我。感谢

4 个答案:

答案 0 :(得分:1)

if($(".div2").text()=='name1'){
   $( ".div1" ).removeClass( "div1" ).addClass( "div3" );
}

其他情况也可以这样做。

希望这会有所帮助。 感谢

答案 1 :(得分:0)

试试这个

var div2 = $('.div2').text();
if(div2 == "name1"){
    $('.div1').addClass('div3');
    $('.div1').removeClass('div2');
}
if(div2 == "name2"){
    $('.div1').addClass('div4');
    $('.div1').removeClass('div2');
}

答案 2 :(得分:0)

 var vals = $('.div2').html();
    if(vals=='name1'){
        $('.div1').addClass('div3');
        $('.div1').removeClass('div1');
    }else if(vals=='name2'){
        $('.div1').addClass('div4');
        $('.div1').removeClass('div1');
    }

答案 3 :(得分:0)

我希望这会有所帮助。但如果不要请澄清你的问题。

<div id="element1" class="div1"></div>
<div id="element2" class="div2">name1</div>
<script type="text/javascript">
    var div2val = document.getElementById("element2").innerHTML;
    switch(div2val){
         case "name1":document.getElementById("element1").className="div3"; break;
         case "name2":document.getElementById("element1").className="div4"; break;
    }
</script>