How to use same javascript/jquery for iframe content

Question

I have written my own js/jquery code for some of the content on my website. now same content is inside iframe but js/jquery only applied for content without iframe.

any way i can re use same code for both contents ?

example i want this to work for both

$( ".myclass-price-info" ).appendTo( $( ".myclass-single" ) );

Edit: example: i have this on my page as normal html

<div class="test"> This is test div </div>

Then i have same div inside iframe like below

<iframe src="">
   <html>
     <body>
     <div class="test"> This is test div </div>
     </body>
   </html>
</iframe>

this is only one div as an example i have full page with same example.

now i already wrote js/jquery to target my .test class and perform some js/jquery action. the js/jquery is working for normal html but not for iframe div. e.g i changed background of div its changed for normal html but not for div inside iframe.

Please provide a [mcve] with more detail about exactly what it is you are trying to do — charlietfl, Dec 01 '18 at 12:34
An iframe has it's own window. So you have to treat it like 2 completely different pages. Be more specific. Are you trying to have a duplicate inside the iframe? — charlietfl, Dec 01 '18 at 12:59

score 2 · Answer 1 · edited Dec 01 '18 at 13:28

2

If it's not cross domain:

$('#iframeid').contents().find('.myclass-single').append('.myclass-price-info');

edited Dec 01 '18 at 13:28

charlietfl

170,828
13
121
150

answered Dec 01 '18 at 12:37

Rosy

31
4

its same domain. – Danish Jamshed Dec 01 '18 at 12:42
also means i have to change all my js code ? and redo for iframe ? – Danish Jamshed Dec 01 '18 at 12:43
Should say *"if it's **not** cross domain"* – charlietfl Dec 01 '18 at 12:44
you don't have to put jquery inside the iframe, but just on the parent. But is not a problem if jquery is also there. – Rosy Dec 01 '18 at 12:44
my real question is i have to edit my existing js code to target iframe content divs ? i have about 500 lines of code and do i have to re do this to target i frame divs ? – Danish Jamshed Dec 01 '18 at 12:48
You can not access a cross domain iframe from parent page due to same origin policy is my point – charlietfl Dec 01 '18 at 12:48
Yes @DanishJamshed because for iframe you have to use *.contents().* – Rosy Dec 01 '18 at 12:49
what if i insert all js code inside body of iframe ? will that work without contents() ? – Danish Jamshed Dec 01 '18 at 12:52
Of course it will, but that you have to put jquery on all the frames.. or try to manage with something like https://stackoverflow.com/questions/10950034 – Rosy Dec 01 '18 at 12:54

How to use same javascript/jquery for iframe content

1 Answers1