Javascript 在父页面上使用jquery和input元素搜索iframe内容

我想知道如何在父页面上有一个文本输入元素来搜索父页面中Iframe的内容

目标是处理输入文本，并在iframe中突出显示匹配项

如有任何建议或参考，将不胜感激

谢谢

编辑：我理解相同来源策略的限制，父页面呈现iframe和javascript进行搜索，以及父页面上的iframe将是相同的域来源

HTML:

知识是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德。
这是一个伟大的事业，是一个卓越的事业，是一个未来的事业。

JAVASCRIPT:

$('#searchfor').keyup(function(){
         var page = $('iframe[id="search"]').contents().find("html").html();
         var pageText = page.text().replace("<span>","").replace("</span>");

    var searchedText = $('#searchfor').val();
    console.log(searchedText);
    var theRegEx = new RegExp("("+searchedText+")", "igm");    
         var newHtml = pageText.replace(theRegEx ,"<span>$1</span>");
         page.html(newHtml);
    });

$（'#searchfor'）.keyup（函数（）{
var page=$（'iframe[id=“search”]'）.contents（）.find（“html”）.html（）；
var pageText=page.text（）.replace（“，”）.replace（“”）；
var searchedText=$（“#searchfor'）.val（）；
console.log（searchedText）；
var theRegEx=new RegExp（“（“+searchedText+”），“igm”）；
var newHtml=pageText.replace（theRegEx，“$1”）；
html（newHtml）；
});

仔细搜索一下，这个问题已经以各种不同的方式被问了很多次。你有什么具体的参考资料吗？

$('#searchfor').keyup(function(){
         var page = $('iframe[id="search"]').contents().find("html").html();
         var pageText = page.text().replace("<span>","").replace("</span>");

    var searchedText = $('#searchfor').val();
    console.log(searchedText);
    var theRegEx = new RegExp("("+searchedText+")", "igm");    
         var newHtml = pageText.replace(theRegEx ,"<span>$1</span>");
         page.html(newHtml);
    });