添加HTML到一个div使用jQuery

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 />

任何想法？

Answer 1

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

http://jsfiddle.net/jLcKa/

Answer 2

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

会这样吗？

Answer 3

你可以使用正则表达式sometihng像

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

Answer 4

下面是一个例子。而不是删除:添加下午。

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

Answer 5

Demo

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

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

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

Answer 6

这将这样的伎俩：

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

的jsfiddle here

上面的代码将匹配的所有元素以“日期”级，并且每个“点”，它发现后插入拆分元件，同时尊重原始文本时的壳体。