添加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

上面的代碼將匹配的所有元素以「日期」級，並且每個「點」，它發現後插入拆分元件，同時尊重原始文本時的殼體。