Как проверить значение div в javascript

Question

Как установить стили CSS div с помощью javascript? У меня проблема с получением значения имени класса. Пожалуйста, помогите, если кто-нибудь это узнает.

<div class="this_is_i_want_to_set_the_background_color" id="divname"></div> 
<div class="test" id="divname"></div> 

var className = $('.divname').attr('class'); 
var t = 'divalue'; 
if(className == t){ 
    $('.divname').css('background', '#0962ae'); 
} 

Answer 1

Вы можете использовать .hasClass метод:

$('.divname').each(function() { 
    if ($(this).hasClass('divalue')) { 
     $(this).css('background', '#0962ae'); 
    } 
}); 

Но есть один простой способ сделать это:

// an element with class 'divname' also has class 'divalue' 
$('.divname.divalue').css('background', '#0962ae'); 

Answer 2

В вашем примере, вы уже выбрали только ".divname? Это никогда не сработает, потому что это будет так:

if('divname'=='divvalue') 

Вместо этого вы можете написать, чего вы хотите достичь, и мы можем помочь.

Answer 3

его можно сократить, как

var t = 'divalue'; 
$('.divname.' + t).css('background', '#0962ae'); 

Answer 4

Вы можете попробовать функцию JQuery hasClass (док: http://api.jquery.com/hasClass/), , например:

if($('.divname').hasClass('divalue')){ 
    $('.divname').css('background', '#0962ae'); 
}