javascript - 如何在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');
}