给定一个 ID，找到最后一个句子并将其替换为 Span 包装器

鉴于以下情况：

<div id="bigchuck">
 <p>blah blah blah.</p>
 <p>yada yada yada.</p>
 <p>Tada. Bing bong the witch is dead. Door bell.</p>
</div>

JavaScript/JQUERY 如何找到最后一句“门铃”并用标签将其包裹起来，从而产生：

<div id="bigchuck">
 <p>blah blah blah.</p>
 <p>yada yada yada.</p>
 <p>Tada. Bing bong the witch is dead. <span>Door bell.</span></p>
</div>

谢谢

该解决方案基于帕特里克的解决方案（他值得称赞的是提出了function(i,html)方法），但它只是包装了最后一句话，而不是它之前的空格：

$('#bigchuck p:last').html( function(i,html) {
  var arr = html.split(". ");
  arr[arr.length-1]="<span>"+arr[arr.length-1]+"</span>";
  return arr.join(". ");
});

这是正在运行的代码.