Javascript 如何在jQuery中通过引用选择器的内容和数组来正确设置选择器

我创建html表，我想通过引用arr及其内容来添加类

当我设置选择器时，我遇到两个问题

①$ td：包含“2”选择器选择，如2,12,22・・・・ 我想要的结果是只选择2个

② 我准备了arr，我想用arr写得更简单一些

我想要的结果是添加一类arr单元

这是实现它的简单方法吗

谢谢

常数arr=[1,2,10,11,14] $td:包含'1'。添加类'aqua' $td:包含'2'。添加类'aqua' $td:包含'10'。添加类'aqua' $td:包含'11'。添加类'aqua' $td:包含'14'。添加类'aqua' 运输署{ 过渡时间：0.5s； 边框：纯黑1px； 光标：指针； } div{ 填充物：5px； } 桌子{ 边界塌陷：塌陷； } A.水{ 背景色：浅绿色； } 让html= html+=； 设i=0； 当w=0时；w<10；w++{ html+=； 对于设d=0；d<10；d++{ i=i+1； html++=+i++ } html+=； } html+= document.querySelector'calendar'.innerHTML=html； ：contains无法搜索精确匹配，它将只搜索元素是否包含某个文本。如果希望文本完全匹配，请在选择元素后，根据其.text=='2'是否进行过滤：

常量arr=[1,2,10,11,14].mapString； /* const getExactMatch=text=>函数{return$this.text==text}； $td.filtergetExactMatch'1'。添加类'aqua'； $td.filtergetExactMatch'2'。添加类'aqua'； 或： */ $td .filterfunction{return arr.includes$this.text；} .addClass'aqua'； 运输署{ 过渡时间：0.5s； 边框：纯黑1px； 光标：指针； } div{ 填充物：5px； } 桌子{ 边界塌陷：塌陷； } A.水{ 背景色：浅绿色； } 让html= html+=； 设i=0； 当w=0时；w<10；w++{ html+=； 对于设d=0；d<10；d++{ i=i+1； html++=+i++ } html+=； } html+= document.querySelector'calendar'.innerHTML=html；