2013-06-16 2 views
0

У меня есть этот HTML на моем документеJquery заменить HTML с другой HTML

<iframe width="100%" height="166" scrolling="no" frameborder="no" src=""> 
<html><head></head><body></body></html> 
</iframe> 

И мне нужно заменить другой пользовательский HTML код, который я хочу , например, с этим:

<div class="customdiv">any content I want</div> 

любую идею ? проблема заключается в том, что я не могу целевой элемент IFRAME, потому что в одной и той же странице я могу иметь много IFRAME, но с другим кодом, мне нужно только нацелиться на те, которые имеют определенный код от до заранее спасибо

ответ

0

Это будет замените содержимое элемента customdiv с использованием метода JQuery html.

$('.customdiv').html('your html string'); 
1
$('iframe').html($('.customdiv').html()); 

использование .html метод, чтобы получить или установить innerhtml для элемента.

+0

проблема в том, что я могу иметь много iframe на одной странице, поэтому мне нужно заменить только те, которые имеют это: не все плавающие фреймы – canute

+0

@canute свойство HTML также может быть прочитано, поэтому перебираем iframes с помощью ** jQuery ** и заменяем их. – doppelgreener

0

Вы хотели бы использовать функцию replaceWidth и неhtml функции остальных сообщения предполагают, что это будет воссоздать совершенно новые элементы. В это наиболее простой форме это выглядит следующим образом:

$('div.second').replaceWith('<h2>New heading</h2>'); 

Но вы также можете передать ссылку на элемент или объект Jquery к нему.

$('iframe').replaceWith($(".customdiv")); 

В целом, хотя это не рекомендуется, а скорее вы должны добавить или показать/скрыть элемент и remove другой элемент вручную (.remove()).

Вы указываете в своем комментарии, что хотите только совместить пустые фреймы. Это будет далеко сложнее сделать, так как я боюсь, что ваш iframe будет в другом домене (обычно это относится к iframes), поэтому вы не можете получить доступ к чему-либо, что находится внутри тега iframe, , Если, с другой стороны, iframe находится в вашем собственном домене, вы должны пересмотреть использование iframes, хотя в этом случае вы можете использовать функцию jquery contains для проверки существования узла, которого нет в пустых документах (или find тела элемент и проверить его пустым)

Смежные вопросы