Iframe from external site

Question

I have a page with iframe of external site, how can I do to be able to click automatically when loading the iframe on a button you have determined texto on the external website?

Not exactly classe, id or name, but by the text that appears on the same button, like searching inside the iframe a certain word and have a click action above the text.

The question is how to do this, there is another way to load the site in the same way as the iframe does so that inside my page I can interact with the external site?

I appreciate help

Answer 1

You can access the iframe by id (best) or use $('iframe')[0]contents(), [0] is an index. If there is more than one iframe, you will need to set another value.

To access an input per value do so:

$('#iframeID').contents().find('input[type="button"][value="Valor desejado"]');

So just use the element.

Answer 2

I believe you can use a Text Highlighter plugin to find the word, and after that add a click event.

Here is a site with the list of plugins that can assist you in the task. Site with the list of plugins

I ran a test on MARK.JS and I was able to click the words that are found.

but I did not take the test using Iframe, but I believe that with this you already have an idea.

See the result on jsfiddle

 $('mark').on('click', function(){
        alert('teste');
    } );

NOTE: the code is from the mark.js website itself, I just added the above lines of code to add the event the words found.