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;">–</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">–</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/

用图像替换Iframe内的文本

1 个答案: