使用jquery突出显示iframe内的文本

Question

我尝试使用jquery.highlight-4.js突出显示页面中的文本。

$('body').highlight('t');

我的网页包含iframe，该iframe源自同一个域。

它不适用于iframe中的文本（iframe与我的网页在同一个域中）。

请帮帮我。

Answer 1

认为你应该首先得到iframe，比如$（“＃frameID”），那么你可以用那些东西来操纵......

Answer 2

您的代码突出显示了整个body，但是大多数浏览器都认为iFrame内的内容与当前文档位于同一body内。

简而言之，$（'body'）包含了页面中的所有内容，但内部 iFrame的内容被排除在外（由于iFrame的尴尬性）。

通过使用jQuery显式选择内容来突出显示内容。

我倾向于不惜一切代价避免使用iFrame。 jQuery在HTML内容的实时操作方面非常强大，我从未真正被迫使用iFrame。

Answer 3

$(iframeID).contents().find('body').highlight(keyword);
或
var iframes = document.getElementsByTagName("iframe"); $(iframes[0].contentWindow.document.body).highlight(keyword);

并且不要忘记在iframe的子页面样式中添加.highlight { background-color: yellow }。