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

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);