在for循环中更改CSS

Question

我有以下内容：

function validateInput(departmentArray) {
  let isValid = true
  const array = Object.keys(departmentArray)

  for(let i=0; i < array.length; i++) {
    keyname = array[i]
    if (departmentArray[keyname] === '') {
        const errorMsg = `Missing \'${keyname}\' on form`
        isValid = false

        $('#`keyname`').toggleClass('warningBox')

    }
  }
  return isValid
}

由于为空而出错的keyname需要在HTML中用红色框表示。我尝试过

$('#`keyname`').toggleClass('warningBox')

及其变体。如何使用JQuery寻址键名以更改其CSS？

Answer 1

如果您尝试使用模板文字，则语法不正确。

$(`#${keyname}`).toggleClass('warningBox');

var keyname = 'me'
var test = `#${keyname}`;
console.log(test);