javascript - 将一个字符串分成两部分并将每个部分放在不同的新字符串中

Question

我有一个包含长 html 代码的字符串 (resultString)。这些代码分为 2 个主要 DIV，窗口和弹出窗口。

resultString = "<div id=\"window\">window content --- long html codes</div><div id=\"PopUp\">Popup content --- long html codes</div>"

现在我想分别检索窗口和弹出 DIV 的 html 内容，并将它们放在 2 个不同的字符串(stringWindow 和 stringPopup)中。

stringWindow = "<div id=\"window\">window content --- long html codes</div>";
stringPopup = "<div id=\"PopUp\">Popup content --- long html codes</div>";

在 jQuery/javascript 中有什么简单的方法可以做到这一点吗？ stringWindow 是在 Ajax json webmethod 函数中构建的。非常感谢任何帮助!提前致谢。

Answer 1

您可以使用filter() 和outerHTML

1. 使用 filter 您可以使用特定的选择器过滤元素
2. 现在您可以使用 outerHTML 获取html内容

var resultString = "<div id=\"window\">window content --- long html codes</div><div id=\"PopUp\">Popup content --- long html codes</div>",
  stringWindow, stringPopup;

stringWindow = $(resultString).filter('#window')[0].outerHTML;
stringPopup = $(resultString).filter('#PopUp')[0].outerHTML;

console.log(stringPopup, stringPopup);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>