2014-09-01 5 views
0

Вот это существующий HTMLJQuery заменить существующий элемент DIV с другим

<div id="options_12" class="pagebody"> 
    <div id="contentframe"> 
     <div id="hsubmenu"></div> 
     <div id="vsubmenu"></div> 
     <div id="withmenus" class="withleft"></div> 
     <div class="nflteampage"></div> 
    </div> 
</div> 
<div class="pagefooter"></div> 

Я не могу редактировать любой из HTML, но я уверен, при условии использования JQuery, я хочу, чтобы удалить и заменить .pagefooter он с .nflteampage

Я попытался это будет никакого успеха

$(".pagefooter").replaceWith(".nflteampage"); 
+7

'$ (". Pagefooter "). ReplaceWith ($ (". Nflteampage "));' – melancia

+0

Справедливости ради следует, что ввод в быстрый однострочный файл занимает значительно меньше времени, чем ответ, который также пытается добавить к code-snippet, почему это действительно сработает (при этом я действительно видел ваш комментарий после того, как я уже представил свой ответ). Кроме того, в этом поле закладок указано, что комментарии должны служить для получения дополнительной информации от ОП о вопросе и ответе (будь то любая длина и независимо от сложности вопроса) следует избегать. Ори. вопрос содержал некоторое количество доказательств предпринятых попыток, а не только «как это я» - я бы сказал, что вопрос был в порядке. – Gabor

ответ

2

Как ваш replaceWith() в настоящее время стоит, вы говорите это, чтобы заменить .pagefooter элемент с строкового литерала, а не выбранный элемент.

Вам придется пойти с:

$(".pagefooter").replaceWith($(".nflteampage")); 

со знаком доллара в начале, вы говорите JQuery, чтобы пойти и забрать этот элемент, то все остальное, как можно было бы ожидать.

+0

отлично, ты меня исправляешь – MShack

0

Вам нужно пройти HTML код в заменить, так что вы должны быть ориентированы на класс и получает HTML.

$(".pagefooter").replaceWith($(".nflteampage").html()); 

рабочий пример здесь http://jsfiddle.net/dcfn4epn/1/

-1

Try:

$('.pagefooter').remove(); 

удалить колонтитул и

$('.nflteampage').insertAfter("#options_12"); 

вставить новый материал после опциональных дел.

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