Javascript 根据字符串包含的内容隐藏和显示HTML元素

我需要帮助，根据字符串是否包含单词来确定如何隐藏/显示HTML元素

在样式标记中，我有：

#Assignment-1 {
  display:none;
}

#Assignment-2 {
  display:none;
}

#Assignment-3 {
  display:none;
}

<script type="text/javascript">

   var str = "Artist, Special"

   if($(str.includes("Artist")){
     document.getElementById('Assignment-1').style.display = "block";
   }

   if($(str.includes("Release")){
     document.getElementById('Assignment-2').style.display = "block";
   }

   if($(str.includes("Special")){
     document.getElementById('Assignment-3').style.display = "block";
   }

</script>

在结束正文标记之前的底部，我有：

#Assignment-1 {
  display:none;
}

#Assignment-2 {
  display:none;
}

#Assignment-3 {
  display:none;
}

<script type="text/javascript">

   var str = "Artist, Special"

   if($(str.includes("Artist")){
     document.getElementById('Assignment-1').style.display = "block";
   }

   if($(str.includes("Release")){
     document.getElementById('Assignment-2').style.display = "block";
   }

   if($(str.includes("Special")){
     document.getElementById('Assignment-3').style.display = "block";
   }

</script>

var str=“艺术家，特别”
如果（$（str.includes（“艺术家”））{
document.getElementById（'Assignment-1'）.style.display=“block”；
}
如果（$（str.includes（“Release”））{
document.getElementById（'Assignment-2'）.style.display=“block”；
}
如果（$（str.includes（“特殊”））{
document.getElementById（'Assignment-3'）.style.display=“block”；
}

为什么在if条件之前有一个

$（

），请删除这些字符

var str=“艺术家，特别”；
如果（包括（“艺术家”））{
document.getElementById（'Assignment-1'）.style.display=“block”；
}
如果（str.includes（“Release”））{
document.getElementById（'Assignment-2'）.style.display=“block”；
}
如果（特别包括（“特殊”））{
document.getElementById（'Assignment-3'）.style.display=“block”；
}

#赋值-1{显示：无；}
#赋值-2{显示：无；}
#分配-3{显示：无；}

作业1 任务2

---

作业3问题是什么？我的意思是，我会删除str.includes周围的“$（）”包装-但有些东西不起作用吗？请详细说明您的问题或您特别有问题的地方，并提供您正在使用的html。这会使我们更容易帮助您。应该是

var str=[“艺术家”，“特别”]

？您好！我的问题是如何根据字符串是否包含单词隐藏/显示HTML元素。@Kyle是正确的，请删除str.includes周围的“$（）”包装，它就可以工作了。