javascript - 如何将CSS添加到动态div Id

Question

我想将 css 应用于动态 div id。

var status = var status = item.down().next().innerHtml();
if(status == "test")
{  
    var c = 'item_'+i ;
    c.style.backgroundColor = 'rgb(255, 125, 115)';
    //'item'+ i.style.backgroundColor = 'rgb(255, 125, 115)';
}  

这里“item_”+ i 是每行的动态 ID。如 item_1、item_2、item_3 等。所以我想在某些行中添加 css。 IE 。 item_1 和 item_3 或其他。

这怎么可能。

Answer 1

您正在尝试将样式属性应用于字符串，而您需要通过 id 获取元素。使用 documet.getElementById() 为此

var status = var status = item.down().next().innerHtml();
if(status == "test")
{  
    var c = 'item_'+i ;
    document.getElementById(c).style.backgroundColor = 'rgb(255, 125, 115)';
    //'item'+ i.style.backgroundColor = 'rgb(255, 125, 115)';
} 

或者使用 jQuery id-selector 并应用 css 使用 css()

var status = var status = item.down().next().innerHtml();
if(status == "test")
{  
    var c = 'item_'+i ;
    $('#'+c).css('background-color','rgb(255, 125, 115)');
    //'item'+ i.style.backgroundColor = 'rgb(255, 125, 115)';
}