Сделать все остальные Divs исчезнуть Javascript

Question

Сделать все остальные Divs исчезнуть Javascript

0

У меня есть скрипт, который делает меня onclick, показывая все Divs с определенным идентификатором

Это селектор

<a onclick="filterGal('simpleCart_shelfItem item Sonnenbrillen')" href="javascript:void(0);">Sonnenbrillen</a>

это мой сценарий

function filterGal(foo) {
                    var toHide = document.getElementsByClassName(foo);
                    for (i = 0; i < toHide.length; i++) {
                            toHide[i].style.display = 'block';
                    }
            }

Итак, теперь мой вопрос: как я могу показать только конкретный div с именем класса и не показывать другой div с другими именами классов?

Phil 23 март 2014, в 20:46

Источник

0

в значении onclick
Phil 23 март 2014, в 19:17
0

querySelectorAll может быть то, что вы ищете?
Teemu 23 март 2014, в 19:20
0

Почему вы добавили тег JQuery?
Cyril ALFARO 23 март 2014, в 19:24

Показать ещё 1 комментарий

Теги:

javascript

html

show-hide

3 ответа

Ещё вопросы

querySelectorAll может быть то, что вы ищете?

Kyle Wilson · Answer 1 · 2017-09-06T12-17-00.000Z

Вот что я хотел бы попробовать:

$("div").Hide();
$("." + foo).Show();

Cyril ALFARO · Answer 2 · 2014-03-23T18-16-00.000Z

Я просто покажу вам добавить ярлык jquery, поэтому вам просто нужно сделать это:

function filterGal(foo) {
    $( "div:not("+foo+")" ).hide();
}

Пример: http://jsfiddle.net/ACjeZ/1

Вы пробовали мою ссылку jsfiddle? Обратите внимание, что я прохожу занятия с . до. Не foo а .foo . @ user1607143

Cyril ALFARO · Answer 3 · 2014-03-23T18-02-00.000Z

Попробуй это:

function filterGal(foo) {
    var toHide = document.getElementsByTagName('div');
    for (i = 0; i < toHide.length; i++) {
         toHide[i].style.display = 'none';
    }
    var toShow = document.getElementsByClassName(foo);
    for (i = 0; i < toShow.length; i++) {
         toShow[i].style.display = 'block';
    }
}

Может быть улучшено путем пропуска в первом цикле цикла, который соответствует вашим классам.

Не работает, он не показывает div тогда ... Любая другая идея?
Теперь он показывает полную страницу бланка :( в чем может быть проблема?
не могли бы вы мне помочь, пожалуйста