使用jquery </p>在<p>标签中插入内容

Question

我想在ipsum之后<p>之前向<a>添加一些内容

<p id="service">Service: lorem ipsum <a href="#">Change</a></p>

我想要

<p id="service">Service: lorem ipsum more content <a href="#">Change</a></p>

请让我知道该怎么做。

Answer 1

$('#service>a').before(' more content ')

http://jsfiddle.net/KnbDS/

Answer 2

这是一个三步解决方案：

1. 获取p标签内的文字
2. 使用子字符串编辑文本
3. 将p标记内的文本设置为新形成的字符串

编辑： 正如几个人所指出的那样，jQuery已经拥有了这个功能（我学到了新东西）。所以这是一条更好的路线：

$('#service>a').before("new content");

Answer 3

使用以下代码：

$('#service>a').before('Your extra code added by you')