如何在javascript中檢查div值

Question

如何使用javascript設置div CSS樣式？ 獲取類名的值時遇到問題。 如果有人知道，請幫助。

<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

它可以縮短為

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

Answer 3

在您的示例中，您只選擇了“.divname”？ 它將永遠不會工作，因為它變成這樣：

if('divname'=='divvalue')

相反，你可以寫出你想要實現的目標，我們可以提供幫助。

Answer 4

您可以嘗試使用jQuery hasClass函數（文檔： http ://api.jquery.com/hasClass/），例如：

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