Переобход элементов и присвоение style, id

Вопросы по вёрстке и JavaScript
Закрыто
unknownby
Сообщения: 749
Зарегистрирован: 2019.11.05, 16:34
Контактная информация:

Переобход элементов и присвоение style, id

Сообщение unknownby »

Есть список в div, который состоит из ссылки и картинки.
При нажатии на мини-изображение этой картинки, в div должен перепрописаться style и id

Наглядно показываю код
Тот самый div http://prntscr.com/q1qjtr
Мини-изображения http://prntscr.com/q1ql83
Наглядно это выглядит вот так http://prntscr.com/q1qmjc
Т.е. при нажатии на миниатюру, появляется оригинальное изображение миниатюры.
Нажатие на миниатюру происходит вот так

Код: Выделить всё

$("#'.$this->id.' .owl-item > img").click(function(){
// тут должно быть что-то
});
P.S. Если чего-то не хватает в миниатюре добавить можно.
style должен убраться у того, кто должен появиться, а у действующего прописаться display:none
id main-image должен убраться и добавиться у нового
unknownby
Сообщения: 749
Зарегистрирован: 2019.11.05, 16:34
Контактная информация:

Re: Переобход элементов и присвоение style, id

Сообщение unknownby »

Если кому интересно решение

Код: Выделить всё

$("#'.$this->id.' .owl-item > img").click(function(){
                $("#'.$this->id .'-main-image > a").attr("style", "display:none;");
                $("#'.$this->id .'-main-image > a > img").attr("id", "");
                var elements = $("#'.$this->id .'-main-image > a");
                for(var i = 0; i < elements.length; i++){
                    if(elements[i].href == this.src){
                        elements[i].style = "";
                        if(elements[i].children[0].src == this.src){
                            elements[i].children[0].id = "main-image";
                        }
                    }
                }
                return false;
            });
Закрыто