CSS javascript / jquery переменная использовать учебники

Question

Я пытаюсь создать страницу, которая будет отображать изображение в элементе div, и в зависимости от того, какое это изображение, будет заполнено 3 других отдельных элемента div с сочетанием изображения и текстового содержимого на одной странице.

Я просто не знаю, с чего начать, так как все учебные пособия / справки по переменным, которые я нахожу, либо выводят меня из себя, либо не относятся к данной конкретной ситуации.

Так что, глядя на него, есть один большой div (divA), а под ним на странице есть еще один большой div (divB), который содержит три отдельных div (divX, divY и divZ). Я хочу, чтобы содержимое X, Y & Z в div изменялось в зависимости от того, что находится в div A. Так что, если A имеет переменную '1', тогда X, Y & Z будут содержать свой собственный предварительно разработанный контент '1'. A'2 ', затем X, Y & Z будут хранить свой собственный контент' 2 '.... и т. Д.

Я продолжу поиск в Интернете, но я подумал, что кто-то может указать мне верное направление или подсказать, как это сделать.

Answer 1

Следующий код заполняет div в зависимости от значения "mainWindow", используя шаблон при поиске.

<div id="mainWindow">windowA</div>

<div>
    <div id="smallWindowA"></div>
    <div id="smallWindowB"></div>
    <div id="smallWindowC"></div>
</div>


<script type="text/javascript">
var template = {
    "windowA" : [ "contentAA", "contentAB", "contentAC" ]
};

function setContent() {

    var content = document.getElementById("mainWindow").innerHTML;
    document.getElementById("smallWindowA").innerHTML = template[content][0];
    document.getElementById("smallWindowB").innerHTML = template[content][1];
    document.getElementById("smallWindowC").innerHTML = template[content][2];

}

setContent();
</script>