javascript - 使用 jQuery，如何仅保留某些 HTML 的第一句，并保留格式？

Question

假设我有一些像这样的 HTML:

<div id="text">This <i>is</i> a <b>test</b>. Do <i>not</i> be <b>alarmed</b>.</div>

我想使用 jQuery 删除第一句话，即 This <i>is</i> a <b>test</b>.

我知道如何使用 .text()删除文本，然后 .indexOf()找到第一个句点，这样我就知道第一个句子在哪里结束，但我不知道如何在保持 HTML 格式的同时完成所有这些操作。现在，我有一个非常困惑的解决方案，使用常规 JavaScript 循环遍历节点等。然而，当我得到 <a> 时，事情开始变得有点困惑。里面的链接<b>格式化。

Answer 1

$("#text").mouseover(function(event) {
   alert($(this).html().split(".")[0]+".");
});

也许我理解错误，但事情可能就是这么简单。