如何在JQUERY或javascript中通过ID动态地为两个或多个值设置空值_Javascript_Jquery_Html_Jquery Ui

如何在JQUERY或javascript中通过ID动态地为两个或多个值设置空值

javascript jquery html jquery-ui

如何在JQUERY或javascript中通过ID动态地为两个或多个值设置空值,javascript,jquery,html,jquery-ui,Javascript,Jquery,Html,Jquery Ui,通过单击按钮，id的值不会在多个id上动态设置。那么你能给我们一个解决方案吗 <html> <body> <h1 id="myHeaderqda">Hello World!</h1> <h1 id="myHeaderwasd">Hello World!</h1> <h1 id="myHeadereasd">Hello World!</h1> <button

通过单击按钮，id的值不会在多个id上动态设置。那么你能给我们一个解决方案吗

<html>
  <body>

    <h1 id="myHeaderqda">Hello World!</h1>
    <h1 id="myHeaderwasd">Hello World!</h1>
    <h1 id="myHeadereasd">Hello World!</h1>
     <button onclick="displayResult()">Change text</button>

  <script>
    function displayResult() {
       document.getElementById("myHeader*").innerHTML = "";
    }
  </script>
  </body>
</html>


你好，世界！
你好，世界！
你好，世界！
更改文本
函数displayResult（）{
document.getElementById（“myHeader*”）.innerHTML=“”；
}

由于要按id部分搜索，因此需要使用更复杂的属性选择器与

querySelectorAll

结合使用

像这样

函数displayResult（）{
[]forEach.call(
document.querySelectorAll（'[id^=myHeader]'），
功能（el）{
el.innerHTML='已更改：'+新日期（）
}
)
}

你好，世界！
你好，世界！
你好，世界！
更改文本

为什么不使用课堂？我们不知道如何使用课堂。非常感谢Yury Tarabanko