Как изменить имя класса Div на основе значения другого DIV с помощью JavaScript

Question

Вот мой код:

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

Если значение .div2 является «name1», то .div1 должно быть изменение .div3, если значение .div2 является «name2», .div1 должно быть изменено на .div4. Я надеюсь, что вы можете мне помочь. Благодаря

Answer 1

Попробуйте

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

Answer 2

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

Похожие может быть сделано для другого случая.

Надеюсь, это поможет. Thanks

Answer 3

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

Answer 4

Надеюсь, это поможет. Но если нет, уточните свой вопрос.

<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>