Как я могу использовать jQuery для работы с конкретным div, но не в текущем документе - в переменной, которая содержит HTML?

Question

Как я могу использовать jQuery для работы с определенным div, но не в текущем документе - в переменной, содержащей HTML?

Суть в том, что я хочу показать предварительный просмотр страницы (части ее содержимого) в модальном окне, когда нажимается ссылка на эту страницу. Что ж, onClick Я загружаю весь этот HTML-код в переменную через JSON, а затем ... как мне найти в нем нужный мне div? Будет почти невозможно разобрать его с помощью PHP, прежде чем преобразовать его в JSON и вернуть обратно процессору jQuery из-за глубокой иерархии. По сути, возможно ли сделать что-то вроде $ ('div # some-id') .blabla (); не для текущего документа, но для документа, хранящегося в переменной?

Спасибо всем заранее.

Answer 1

Используйте необязательный аргумент контекста для вызовов jquery. Другими словами,

$('div#some-id', document).blabla();

Answer 2

Если вы используете функцию jQuery $ .ajax, вы можете сделать что-то вроде этого ...

$.ajax({
  success: function(responseText) {
    $("#previewDiv").html($("div#content", responseText).html());
  }
});

Метод success возвращает html (или любой другой параметр, установленный для свойства $ .ajax dataType), в данном случае я дал ему имя responseText (хотя здесь можно указать любое допустимое имя переменной). , Затем я проверил текст responseText, взял html div #content и вставил его в div предварительного просмотра.

Похоже ли это на то, что вы хотели сделать?

Answer 3

Вы также можете сделать это так (что похоже на то, что писал @nsayer:

$.get(url, {parameters}, function(data){
    $('#somePartOfThePage', data);
});

Answer 4

jQuery's .load () может загружать фрагменты страницы в элемент:

$('#modalWindow').load('http://example.com/ #content');