我每頁有 365 個文本區域。我需要一個指示器，其中 textarea 有文本。如果文本區域不為空，則將類“noted-dot”添加到最近的跨度。
我只能對第一個文本區域執行此操作（請參閱第二個腳本）。但是我需要為其中包含文本的每個文本區域執行此操作。Textarea 以兩種方式獲取文本：從 localStorage（參見第一個腳本）；用戶輸入后。
var elements = document.getElementsByClassName('localstoragesave');
var elementsParent = document.querySelector("textarea").closest("span");
// Not this script. It save textarea value in localStorage
function checkValidity() {};
for (i=0; i<elements.length; i ) {
(function(element) {
var id = element.getAttribute('id');
element.value = localStorage.getItem(id location.search);
element.oninput = function() {
localStorage.setItem(id location.search, element.value);
checkValidity();
};
})(elements[i]);
}
// This script
window.onload = function() {
if(elements[0].value > "") {
document.querySelector("textarea").closest("span").classList.add("noted-dot");
}
};<span class="badge rounded-pill dot dot-1">​
<div class="d-none date2022-10-28">
<textarea class="localstoragesave form-control rounded-0 border-0 h-100" id="note-2022-10-28"></textarea>
</div>
</span>uj5u.com熱心網友回復：
遍歷所有文本區域元素并有條件地添加類。
for (i=0; i<elements.length; i ) {
if(elements[i].value != "") {
elements[i].closest("span").classList.add("noted-dot");
}
}
小提琴 -> https://jsfiddle.net/woce8pft/1/
此外，如果您想在輸入值更改時添加 doted-not 類，也可以在其中添加條件。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/534755.html
標籤：javascript查询