從多個局部視圖中提取特定的局部視圖

Question

為了響應單擊“所有”復選框，我需要更改多個復選框。 更改包括更改類，檢查狀態和某些隱藏字段。 為了確保一致性，而不是單獨使用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

這個問題中的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);