2013-06-26 6 views
0

Вот пример структуры докЗаменить DIV с помощью JQuery Ajax, а не заменять содержимое

<div> 
    <div id="1" class="to-replace"></div> 
    <div id="2" class="to-replace"></div> 
    <div id="3" class="to-replace"></div> 
</div> 

То, что я хочу сделать, это заменить #1, например, с тем, что я получить от вызова AJAX (я не использую JSON, потому что запрос чрезвычайно мал, и это не похоже на это. Кроме того, сайт в основном предназначен для личного использования). Я знаю, что я могу использовать JQuery .load() для замены содержимого, но должен быть простой способ заменить все это.

+1

Смотрите HTTP : //stackoverflow.com/questions/16987135/reload-div-with-only-javascript-without-jquery/16987281#16987281 – Jacopofar

+1

Вы кодируете в 'HTML5'? ** Если вы не **, ваши атрибуты 'id' являются недопустимыми. [Они не должны начинаться с числа] (http://www.w3.org/TR/html-markup/datatypes.html#common.data.id). –

+0

@Ghillied Я не, но это был всего лишь пример. Я на самом деле не назвал их 1, 2, 3. Спасибо. –

ответ

3
$.get(url,function(data){ 
    $("#1").replaceWith(data); 
}); 

где URL является URL, чтобы все, что вы хотите получить данные и данные, которые возвращают

5

Вы можете использовать функцию ReplaceWith Jquery, чтобы заменить элемент:

$("#1").replaceWith("bla");