使用jQuery将HTML添加到Div的内容中

我目前正在生成以下div：

<div class="dates" >November 18, 2011 7:30 pm November 19, 2011 7:00 pm  </div>

2011年11月18日晚上7:30 2011年11月19日晚上7:00

我想在加载页面时使用jQuery将div更改为如下所示：

<div class="dates" >November 18, 2011 7:30 pm<br />November 19, 2011 7:00 pm<br /></div>

2011年11月18日晚上7:30
2011年11月19日晚上7:00

想要让jQuery将

pm

的div中的实例更改为

pm

有什么想法吗？

$（'.dates'）。追加（$（'
'）；
$('.dates').append($('<br />'));

---

那行吗？

你可以使用正则表达式，比如

var replaced = $("div.dates").html();
replaced = replaced.replace(/pm/gi, "pm <br />")
$("div.dates").html(replaced);

var replaced=$（“div.dates”）.html（）；
已替换=已替换。替换（/pm/gi，“pm
”）
$（“div.dates”）.html（已替换）；

以下是一个示例。只需删除

：

添加pm即可

$（函数（）{
var dates=$（“.dates”）.html（）；
var regex=/（[ap]m）/gi；
日期=日期。替换（regex，“$1
”；
$（“.dates”）.html（日期）；
})
$（'.dates'）.html（$（'.dates'）.html（）.replace（'pm'，'pm
'）

这将实现以下目的：

$(function() {
  var dates = $('.dates');
  var html = dates.html(); 
  html = html.replace(/ (pm) /gi, ' $1 <br /> ');
  dates.html(html);
});

$（函数（）{
变量日期=$（'.dates'）；
var html=dates.html（）；
html=html.replace（/（pm）/gi，$1
）；
dates.html（html）；
});

JSFIDLE

上述代码将所有元素与“dates”类匹配，并在找到的每个“pm”后插入一个break元素，同时考虑原始pm文本的大小写。
如果您正在生成div，为什么不在此时插入
？@SteveWellens，哈！非常好的一点。使用该正则表达式时必须非常小心，因为它会找到pm的任何和所有实例（全局忽略大小写），并将其替换为pm
@user1038620，您永远不会让am代替pm吗？
$(function() {
  var dates = $('.dates');
  var html = dates.html(); 
  html = html.replace(/ (pm) /gi, ' $1 <br /> ');
  dates.html(html);
});