How to add a click event to p elements in iframe (using jQuery)

Question

How to add a click event to <p> elements in iframe (using jQuery)

<iframe frameborder="0" id="oframe" src="iframe.html" width="100%" name="oframe">

Answer 1

There's a special jQuery function that does that: .contents(). See the example for how it's works.

Answer 2

Wanted to add this, as a complete, copy-paste solution (works on Firefox and Chrome). Sometimes it is easy to miss to remember to call the event after the document, and so the iframe, is fully loaded:

$('#iframe').on('load', function() {
    $('#iframe').contents().find('#div-in-iframe').click(function() {
        // ...
    });
});

The iframe must be on the same domain for this to work.