接下来就是创建突出引用本身，以便利用准备好的CSS样式。此时，我们先复制每个<span> 元素，然后为得到的副本添加pulled类，最后再把这个副本插人到其父段落的开始处，参见如下代码：
复制代码 代码如下:
$(document).ready(function() {
$('span.pull-quote').each(function(index) { var $parentParagraph = $(this).parent('p'); $parentParagraph.css('position', 'relative'); var $clonedCopy = $(this).clone();
$clonedCopy
.addClass('pulled')
.prependTo($parentParagraph);
});
});
这里，我们又定义了一个新变量$clonedCopy，以便后面使用。
因为前面已经为这个复制的元素设置了绝对的定位，因此它在段落中的位置是无所谓的。根据CSS规则中的设置，只要它处于这个段落的内部，它就会相对于段落的上边和右边进行定位。 目前，段落与其中插人的突出引用的外观如下图所示：
