html:
<select id="dropdown">
<optgroup>
<option>11111</option>
<option>22222</option>
</optgroup>
<optgroup>
<option>33333</option>
<option>44444</option>
</optgroup>
</select>
我想在每個中選擇字串的最后 4 個字符<option>，然后將它們設定為color:white;. 但我仍然需要他們在那里，只是沒有人能看到。
這就是我所擁有的：
let myStr = document.querySelector('#dropdown optgroup option').innerHTML;
let lastChar = myStr[myStr.length -4];
它只選擇字串中的第二個字符，也許是一個 for 回圈來選擇所有最后 4 個字符？
uj5u.com熱心網友回復：
您可以使用該slice方法選擇字串中的最后 x 個字符。
let myStr = document.querySelector('#dropdown optgroup option').innerHTML;
let lastChar = myStr.slice(-4);
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/slice
uj5u.com熱心網友回復：
擴展其中一條評論所說的內容：
<select id="dropdown">
<optgroup>
<option value="11111">1</option>
<option value="22222">2</option>
</optgroup>
<optgroup>
<option value="33333">3</option>
<option value="44444">4</option>
</optgroup>
</select>樣式無論如何都不起作用（您對選擇元素的樣式選擇非常有限），即使這樣做，使顏色與背景相同也是非常糟糕的做法。如果您將來必須做那種事情，最好操縱元素本身而不是試圖隱藏它。
uj5u.com熱心網友回復：
首先，您不需要 jQuery，在您的示例中，沒有任何痕跡。其次，在您的情況下 檢查https://www.w3schools.com/js/js_string_methods.aspmyStr.substr(-4)或類似的東西......注意document.querySelector()只會回傳第一個找到的符合條件的元素。要獲得所有這些，您應該使用它們，document.querySelectorAll但這會給您一個array找到的物件。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/472730.html
標籤：javascript jQuery dom
上一篇：頁面預加載器未洗掉