в нескольких iframe предназначаются только для одного iframe

Question

1. Индекс HTML имеет несколько iframes
2. Если у iframes есть класс xyz («Я добавлю / удалю класс из индекса HTML, и я добавлю класс любому iframe»)
3. если iframe имеет класс xyz только в этом iframe, то сделать тег h2 красным
4. , если я удалю класс xyz из iframe, сделать тег h2 обычным цветом

образец HTML-файла в git:https://github.com/hiraghuak/iframe

Моя функция внутри iframe:

<script>
    $(function () {
        var iframes = parent.document.getElementsByTagName("iframe");
        console.log(iframes + ' iframe');
        for (var i = 0; i < iframes.length; i++) {
            var iframeGetAttribute = iframes[i].getAttribute("class");
            console.log(iframeGetAttribute + ' iframe GetAttribute');
            if (iframeGetAttribute == 'xyz') {
                // ITS ALL WORKING FINE 
            }
        }
    });
</script>

Спасибо