Как использовать тот же javascript / jquery для содержимого iframe

Я написал свой собственный код js / jquery для некоторого контента на моем веб-сайте. теперь тот же контент находится внутри iframe, но js / jquery применяется только для контента без iframe.

в любом случае я могу повторно использовать один и тот же код для обоих материалов?

пример, я хочу, чтобы это работало для обоих

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

Редактировать: пример: у меня это на моей странице как обычный html

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

Тогда у меня есть такой же div внутри iframe, как показано ниже

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

это только один div в качестве примера, у меня есть полная страница с тем же примером.

теперь я уже написал js / jquery для таргетинга на мой класс .test и выполнения некоторых действий js / jquery. js / jquery работает для обычного html, но не для iframe div. например, я изменил фон div, он изменился на обычный html, но не на div внутри iframe.

Пожалуйста, предоставьте минимальный воспроизводимый пример с более подробной информацией о том, что именно вы пытаетесь сделать

charlietfl 01.12.2018 13:34

@charlietfl отредактировал мой вопрос

Danish Jamshed 01.12.2018 13:42

У iframe есть собственное окно. Таким образом, вы должны относиться к нему как к двум совершенно разным страницам. Более конкретно. Вы пытаетесь создать дубликат внутри iframe?

charlietfl 01.12.2018 13:59
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
25
1

Ответы 1

Если это не кросс-домен:

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

его же домен.

Danish Jamshed 01.12.2018 13:42

также означает, что мне нужно изменить весь свой код js? и повторить для iframe?

Danish Jamshed 01.12.2018 13:43

Следует сказать "если это перекрестный домен нет"

charlietfl 01.12.2018 13:44

вам не нужно помещать jquery внутри iframe, а только в родительский элемент. Но это не проблема, если там есть jquery.

Rosy 01.12.2018 13:44

Мой реальный вопрос: мне нужно отредактировать существующий код js, чтобы настроить таргетинг на div с содержимым iframe? У меня около 500 строк кода, и нужно ли мне это делать, чтобы таргетинг на блоки div я фрейм?

Danish Jamshed 01.12.2018 13:48

Вы не можете получить доступ к междоменному iframe с родительской страницы из-за той же политики происхождения, что я хочу

charlietfl 01.12.2018 13:48

Да @DanishJamshed, потому что для iframe вы должны использовать .contents ().

Rosy 01.12.2018 13:49

что, если я вставлю весь код js в тело iframe? это будет работать без content ()?

Danish Jamshed 01.12.2018 13:52

Конечно будет, но вы должны поставить jquery на все фреймы .. или попытаться обойтись чем-то вроде stackoverflow.com/questions/10950034

Rosy 01.12.2018 13:54

Другие вопросы по теме