从多个部分视图中提取特定的局部视图

Question

为了响应单击“ALL”复选框，我需要更改多个复选框。更改包括更改类，检查状态和一些隐藏字段。我没有在javascript中单独更改每个属性以确保一致性，而是返回所有受影响复选框的部分视图。我的目标是在javascript中解析返回的字符串，并使用JQuery的.html（）方法将每个div放在适当的位置。返回的字符串如下所示

"<div id="checkbox-7" class="simple"><form action="toggle" ...></form></div>
 <div id="checkbox-8" class="simple"><form action="toggle" ...></form></div>
 ...
 <div id="checkbox-all" class="simple"><form action="toggle" ...></form></div>"

如何使用Javascript / jQuery从此字符串中提取每个div？

Answer 1

this question中的DOM操作通过创建Javascript文档对象以便于解析来提出解决方案。虽然有一些Javascript和jQuery的混合：

var placeholderDoc = document;
var placeholderDiv = placeholderDoc.createElement("div");
$(placeholderDiv).html(data);     // data is the returned string, containing all partialViews

// Now extract partialView from the data string
var extractedHtml = $(placeholderDiv)[0].children["tdCellHtmlDivId"];

// Simulate the Ajax InsertionModeReplace
tdCellHtmlDivParentDiv.html(extractedHtml);