从 HTML 字符串中解析和选择答案

【问题标题】：Parsing and selecting from HTML string从 HTML 字符串中解析和选择
【发布时间】：2012-09-10 22:48:40
【问题描述】：

使用 ajax 调用，我返回了页面的 partialView HTML，但在显示它之前，我希望从主 div 中提取信息。这个数据只是大小信息，如果我创建一个浮动窗口。

代码：

<div class="window-details" data-height="500px" data-width="500px">more data here</div>

this.PopUp = function (url, title) {
  $.ajax(url)
  .success(function (partialViewHtml) {
     var partialViewDom = $(partialViewHtml);
     var thisDiv = $(".window-details", partialViewDom);

将鼠标悬停在 partialViewDom 上时，我可以在 chromes 调试器中看到数据，但类选择似乎不起作用。有什么线索吗？它解析不正确吗？谢谢。

【问题讨论】：

partialViewHtml 的值是多少？如果是'<div class="window-details" data-height="500px" data-width="500px">more data here</div>'，则该 HTML 没有类为 window-details 的子级，这是您要选择的。

标签： javascript jquery html ajax

【解决方案1】：

尝试改用.filter()，您的.window-details 元素很可能是dom 片段中的顶级元素。

var thisDiv = partialViewDom.filter(".window-details");

【讨论】：

【解决方案2】：

您的代码在返回的 div 的 children 中搜索带有 .window-details 的元素。

【讨论】：