使用jQuery或类似工具自定义fb：comments框CSS

Question

我正在尝试使用jQuery自定义FB注释框的外观。我需要的是每条第二个注释都具有另一种背景色，以适合我尝试实现注释的页面样式。

这应该是这样的：http://i.stack.imgur.com/OQ2Q9.png

这是我的代码：

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=dummyID&amp;xfbml=1"></script>
<fb:comments xid="XID1" numposts="10" width="640" publish_feed="false" simple="true" css="http://link.to.webserver/misc/facebook.css?3"></fb:comments>
<script src="http://jquery.com/src/jquery-latest.js"></script>
<script type="text/javascript">
    $().ready(function () {
        $(window).bind("load", function () {
            $('div.wallkit_post:odd').addClass('odd');
            $('div.wallkit_post:even').addClass('even');
        });
    });
</script>

问题：类“ wallkit_post”不变。

alert ($("div.wallkit_post").val()); 

给我一个“未定义的”错误。

我在这里没有选择权...

如果您有任何想法请帮助我

Answer 1

我有相同的亲评论插件会加载到iframe中。这就是为什么您无法到达div.wallkit_post选择器的原因。但是我还不知道如何使它工作。