javascript - 给定一个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>

谢谢你

最佳答案

这个解决方案基于patrick的解决方案（他提出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(". ");
});

这是code in action。