JQuery - Cambiar div de otra página de proyecto

<a class="button green">Botón verde</a>

<a class="button red">Botón rojo</a>

<h1 class="arTitle"></h1>

<h3 class="arSub"></h3>

var titleGreen = {

        "title" : "Titulo verde",

        "subtitle" : "Subtitulo verde"

}

var titleRed = {

        "title" : "Titulo rojo",

        "subtitle" : "Subtitulo rojo"

}

$(".button ").on('click', function(){

   //Creo un array con las clases del botón

        var colAtt = $(this).attr("class").split(' ');

   //Recorro el array para buscar solo el color

            $.each(colAtt, function(i, e){

                switch (e) {

                    case 'green':

                        $('.arTitle').text(titleGreen["title"]);

                        $('.arSub').text(titleGreen["subtitle"]);

                        break;

                    case 'red':

                        //Aquí sería lo mismo que en green pero con red

                        break;

                    default:

               }

           });

});