如何在ID中動態顯示兩個或更多值在JQUERY或javascript中

-1

通過單擊按鈕，id值不會在多個id上動態設置。所以，請你能不能給我們的解決方案如何在ID中動態顯示兩個或更多值在JQUERY或javascript中

<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>

來源

2017-05-25 Bhadresh Bajariya

爲什麼你不這樣做，通過使用類？ –

我們還沒有想到如何處理類。 –

既然你想，你需要使用更復雜的屬性選擇與querySelectorAll聯合ID部分進行搜索。

像這樣

function displayResult() { 
 
    [].forEach.call(
 
    document.querySelectorAll('[id^=myHeader]'), 
 
    function(el) { 
 
     el.innerHTML = 'Changed: ' + new Date() 
 
    } 
 
) 
 
}

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

或者更好地利用類，而不是

function displayResult() { 
 
     [].forEach.call(
 
     document.getElementsByClassName('my-header'), 
 
     function(el) { 
 
      el.innerHTML = 'Changed: ' + new Date() 
 
     } 
 
    ) 
 
    }

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

來源

2017-05-25 07:37:40

非常感謝Yury Tarabanko –

如何在ID中動態顯示兩個或更多值在JQUERY或javascript中

回答

相關問題