根據同一域中iFrame中的元素更改頁面上的元素

Question

閱讀了許多有關訪問iFrame內容的文章和答案，我嘗試將它們結合到我的特殊案例中。

不幸的是我無法使它正常工作，所以也許我缺少某種心理能力來添加點;）

我嘗試做的如下：

在我的IFrame（相同的域）中加載的頁面包含一個菜單，其中我的活動項目具有class="menuactive" data-rel="SomeName" 。 我的父頁面包含一個div，其中包含鏈接（#portfolioslider），其ID與iFrame中鏈接的data-rel屬性相對應。

因此，在iframe中的鏈接例如是<a href="bla" class="menuactive" data-rel="Fashion">Fashion</a> ，而在父頁面上，我的元素是<span id="Fashion">Fashion</span> ，我想在其上重新加載iFrame的同時添加一個類class="active" ，並將class="menuactive"到菜單項。

這似乎是最合乎邏輯的方法：

iFrame中加載的頁面中的Javascript：

$(function() { 
    $('div.menu a.menuactive').ready(function() {

        $(window.self.top).contents().find('#portfolioslider a').each(function() {
             $(this).removeClass('active');
             $('#$(this).attr('data-rel')).addClass("active");

        });
    });
 });

一點，這根本不起作用，

我希望可以制作一個jsFiddle，但似乎無法找出如何在其中構造iFrame的方法。

任何想法將不勝感激！，謝謝大家

親切的問候，耶隆

Answer 1

是的

我使用以下方法修復了它：

$('div.menu a').click(function() { 
    $('a.active', window.parent.document).removeClass("active"); 
    $('#' + $(this).attr('data-rel'), window.parent.document).addClass("active");
});

干杯，耶隆