Можно ли сделать проще и вообще нужно ли
288
09 марта 2019, 10:50
Есть таблица и ее стоблцы отображаются по пришедшему id. Вопрос, я чувствую что можно это сделавть лучше чем я сделал сейчас, но как? Как вариант, записать в массив и отображать по пришедшему id?
for (let i = 0; i < table.length; i++) {
switch (id) {
case 0:
tax[i].style.display = "block";
tax[i].style.display = "none";
tax[i].style.display = "none";
break;
case 1:
tax[i].style.display = "none";
tax[i].style.display = "block";
tax[i].style.display = "none";
break;
case 2:
tax[i].style.display = "none";
tax[i].style.display = "none";
tax[i].style.display = "block";
break;
}
}
Answer 1
var d1 = (id == 0)? "block" : "none";
var d2 = (id == 1)? "block" : "none";
var d3 = (id == 2)? "block" : "none";
for (let i = 0; i < table.length; i++) {
// c этими тремя строчками что-то не так, но воспроизведем как в вопросе
tax[i].style.display = d1;
tax[i].style.display = d2;
tax[i].style.display = d3;
}Answer 2
const map1 = ['block', 'none', 'none']
const map2 = ['none', 'block', 'none']
const map3 = ['none', 'none', 'block']
table.forEach((row, i) => {
tax[i].style.display = map1[id]
tax[i].style.display = map2[id]
tax[i].style.display = map3[id]
})
Answer 3
В вашем случае можно просто индекс с id сравнивать:
for (let i = 0; i < table.length; i++) {
tax[i].style.display = i === id ? 'block' : 'none';
}
-
20:42
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
-
20:41
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 50288 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31936 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26265 visits
- Как через css изменить цвет png изображения? 11758 visits
- Blob video url download 11303 visits
- Php curl запрос через прокси с авторизацией 10714 visits
- Работа с captcha vk api 9511 visits
![JavaScript: не добавляется класс getElementsByClassName [дубликат]](https://hostciti.net/images/nophoto.png "JavaScript: не добавляется класс getElementsByClassName [дубликат]")
© "hostciti.net" 14.3.2026 | 05:46