使用js原型拆分文本并使用span类包装

时间:2011-08-17 21:37:56

标签: prototypejs

我在div标签中有一个日期,我想拆分文本并将文本的后半部分包含在带有类ID的span标签中。

<div class="date"> Wednesday, August 17</div>

我需要将逗号后的所有内容都包含在带有类似这样的类的span标记中。

<span class="highlight">August 17</span>

在整个HTML中,它看起来像这样。

<div class="date"> Wednesday, <span class="highlight">August 17</span></div>

我该怎么做呢。

1 个答案:

答案 0 :(得分:0)

类似的东西(我的原型fu很弱,但这有效):

var div = $$('div.date')[0];
var parts = div.innerText.split(', ');

var html = parts[0] + ', <span class="highlight">' + parts[1] + '</span>';
div.innerHTML = html;

这是演示:http://jsfiddle.net/mrchief/3Rc8U/3/