2015-05-11 1 views
0

Я хочу, чтобы заменить Div 'mainbox', которые существуют в HTML-страницу 'index.html' с этим, которые существуют в HTML-страницу 'список-DIV':Как заменить div на другой div (но на внешней странице html)?

<body> 
    <div id="divet"> 
    Sempre caro mi fu quest'ermo colle, 
    e questa siepe che da tanta parte dell'ultimo orizzonte 
    il guardo esclude 
    </div> 
</body> 

я сделал:

$(document).ready(function(){ 
    $('#mainbox').load('list-div.html #hey'); 
}); 

но он не работает. Помогите мне пожалуйста.

+1

Возможно, попробуйте ajax, чтобы получить html. И найдите div в ответе. – Alon

+0

Вы заказываете '# hey', но на самом деле хотите извлечь' # divet'. @ Радонирина Мамининая заметила это на ранней стадии. –

+0

Теперь я исправлю, но он не похож на –

ответ

0

Попробуйте так:

$(document).ready(function(){ 
    var tempDom = $('<div></div>'); //create an element to store html 
    $('div', tempDom).load('list-div.html', function(){ //load page content 
     $('#mainbox').html($('#divet', tempDom).html()); //copy html content to mainbox element 
    }); 
}); 
+0

Почему бы просто не использовать * стиль закладки * URL с загрузкой? Затем он делает все это извлечение/вставку автоматически. –

+0

Да, это правильно, но это еще один способ. – Ragnar

+0

"Another" = "Longer"? «Сложнее»? :) Единственная проблема с исходным кодом заключалась в неправильном идентификаторе в закладке. –

1

HTML

<div id="divet"> 
    Sempre caro mi fu quest'ermo colle, 
    e questa siepe che da tanta parte dell'ultimo orizzonte 
    il guardo esclude 
</div> 

JQuery

$(document).ready(function(){ 
    $('#mainbox').load('list-div.html #divet'); 
}); 

Ваш #hey идентификатор не найден, замените это #divet

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