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

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 document对象来帮助解析。不过，还是有一些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);