jquery - 用图像替换 iframe 中的文本

Question

我正在尝试用 iframe 中的图像替换“退出”文本（评论部分）。

我已经尝试了几件事，但我认为这是最接近正确的：

$("#comment-editor").contents().find("Sign out").html("<img src="http://3.bp.blogspot.com/-sJ_cc0hh_jw/TtllFIQ-NSI/AAAAAAAAEM4/zJdS8K9rjZ4/s1600/index.gif" alt="Sign out" />");

#comment-editor是 iframe 的 ID。“退出”是我要替换的文本，尽管它的直接 HTML 结构如下所示：

<span id="signoutLink">
    <span id="commentDash" style="display: none;">–&lt;/span>
    <a target="_top" href="http://xxxxxx.blogspot.com/logout?d=http://www.blogger.com/logout-redirect.g?blogID%3D4240883138904129005%26postID%3D3175710312324737334">Sign out</a>
</span>

我在这里做错了什么？

Answer 1

尝试这个：

<span id="signoutLink">
<span id="commentDash">–&lt;/span>
<a target="_top" href="http://xxxxxx.blogspot.com/logout?d=http://www.blogger.com/logout-redirect.g?blogID%3D4240883138904129005%26postID%3D3175710312324737334" id="anchor" >Sign out</a>

$("#anchor").text('').html('<img src="http://3.bp.blogspot.com/-sJ_cc0hh_jw/TtllFIQ-NSI/AAAAAAAAEM4/zJdS8K9rjZ4/s1600/index.gif" alt="Sign out" />');

我在锚标记中添加了一个 id，清除了它的文本，然后向其中添加了 html。

这是一个小提琴：http: //jsfiddle.net/u6nQP/14/