jquery 修改css属性

class="${item.OnlineNum >= item.OfflineNum ? 'color11' : 'color1'}" 设置动态class的值

arr.map((item, index) => {
        tr += `
        ${item.Worklinename}
        ${item.Matcode}
        ${item.Wono}
        ${replaceDate(item.Woplandate)}
        ${replaceDate(item.Wocomdate)}
        ${item.PaichanNum}
        ${item.OnlineNum}
        ${item.OfflineNum}
        ${item.CompletionRate}%
        `
        
        //const tbody1 = $('#color1');
        
    })

1.通过css方法设置

function changeStyle() { 
      
      //console.log('打印的数据==122=',$('.color1').css)
     // $('.color1').css('color','red')
     // $('.color11').css('color','white')
     
}

2.通过外部css设置

var link = ''; //定义link标签字符串
document.body.insertAdjacentHTML('beforeend', link); //把link标签插入到body的末尾

.color1{
    color: red;
    
}
.color11{
    color:white
}

你可能感兴趣的:(jquery,css,前端)