Question

我目前正在生成以下div：

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

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

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

想要让jQuery在pm到pm<br />的div中更改实例

有什么想法吗？

Answer 1

您可以使用类似

的正则表达式

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

Answer 2

$('.dates').append($('<br />'));

那会有用吗？

Answer 3

这是一个例子。而不是删除:添加pm。

Replace text in string within an element after a specific character?

Answer 4

Demo

$(function(){
    var dates = $(".dates").html();
    var regex = /([ap]m) /gi;

    dates = dates.replace(regex, "$1<br>");

    $(".dates").html(dates);
})

Answer 5

$('.dates').html($('.dates').html().replace('pm', 'pm<br />'));

http://jsfiddle.net/jLcKa/

Answer 6

这样可以解决问题：

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

jsfiddle here

上面的代码将匹配所有带有'dates'类的元素，并在它找到的每个'pm'之后插入一个break元素，同时尊重原始pm文本的大小。

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

6 个答案: