Javascript 从FacebookIframe-like按钮获取父元素

更新
我试图从类似facebook的按钮中获取父元素

我之所以需要这样做，是因为我正在为圣诞节构建一个facebook应用程序，用户可以点击他们喜欢的吉祥物，它会给我们的页面提供一个来自吉祥物的动画和一个类似的内容。每个吉祥物都有自己的like按钮，这就是为什么我需要通过单击like按钮来了解家长，从而知道要为哪个吉祥物设置动画

我曾尝试将单击事件直接添加到

div.figure

，但like按钮始终位于所有内容的顶部，并且没有调用单击

到目前为止，我已经试过了

HTML和PHP

<!-- The JQuery version I'm using -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

<!-- The parent element where the like button iframe is called -->
<div class="fb-like figure" val="1" style="background-color: red; padding: 2px;" data-href="https://facebook.com/OptimizingConcepts" data-layout="standard" data-action="like" data-show-faces="false" data-share="false"></div>

<!-- The element where I want to update the value -->
<div id="val_1" val="<?php echo $data[0]['figure_1']; ?>"><?php echo intval(($total/100)+$data[0]['figure_1']); ?></div>

---

问题是这些值总是“未定义”

您所说的“在”iframe中是什么意思？您根本无法访问iframe的DOM，因为它来自另一个域。你们到底想解决什么问题？嗨@CBroe我已经更新了da问题，谢谢

FB.init({appId: 'my_app_id', status: true, cookie: true, xfbml: true});
    FB.Event.subscribe('edge.create', function(href, widget) {
        var id = $(this).parent('.figure', window.parent.document).attr('val'),
            val = $('#val_'+id, window.parent.document).attr('val');
            alert('ID: '+id+'VAL: '+val);
        $('#val_'+id).text((total/100)*val);
    });
    FB.Event.subscribe('edge.remove', function (targetUrl) {
        alert('You just UNliked ');
    });
};