Можно ли сделать проще и вообще нужно ли
249
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';
}
-
10:16
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
-
07:46
-
21:56
Перевод документов на английский язык: Важность и ключевые аспекты
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47550 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30491 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23623 visits
- Как через css изменить цвет png изображения? 10346 visits
- Blob video url download 9956 visits
- Php curl запрос через прокси с авторизацией 9205 visits
- Работа с captcha vk api 8088 visits
![JavaScript: не добавляется класс getElementsByClassName [дубликат]](https://hostciti.net/images/nophoto.png "JavaScript: не добавляется класс getElementsByClassName [дубликат]")
© "hostciti.net" 17.11.2024 | 21:28