Question

如何使用jQuery来处理特定div，而不是在当前文档中 - 在包含HTML的变量中？

关键是当我点击此页面的链接时，我想在模态窗口中显示页面的预览（一段内容）。好吧，onClick我通过JSON将整个HTML加载到变量中，然后......我怎么能找到我需要的特定div？在将它转换为JSON并由于深层次结构而回馈给jQuery处理器之前，用PHP解析它几乎是不可能的。基本上，甚至可以像$（'div＃some-id'）.blabla（）;不是针对当前文档，而是针对文档，存储在变量中？

每个人都提前。

Answer 1

对jquery调用使用可选的context参数。换句话说，

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

Answer 2

你也可以这样做（这与@nsayer写的相似：

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

Answer 3

如果你正在使用jQuery $ .ajax函数，你可以这样做......

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

“success”方法将返回html（或者你设置$ .ajax dataType属性的任何内容），在这种情况下我给它命名为“responseText”（虽然你可以在这里输入任何有效的变量名）。然后，我搜索了responseText，抓住了#content div的html，并将其插入到预览div中。

这听起来像你想要的那样吗？

Answer 4

jQuery的.load()可以将页面片段加载到元素中：

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

如何使用jQuery来处理特定的div，而不是在当前文档中 - 在包含HTML的变量中？

4 个答案: