Javascript jQuery查找和插入（jQuery替换）

lorem ipsum日期11月19日

lorem ipsum日期11月18日

lorem ipsum日期11月17日

如何将此块转换为下面的代码。请记住，多个块包含相同的类名等

<div class="twtr-tweet-text">
    <p>lorem ipsum <em>date 19th nov</em></p>
</div>
<div class="twtr-tweet-text">
    <p>lorem ipsum <em>date 18th nov</em></p>
</div>
<div class="twtr-tweet-text">
    <p>lorem ipsum <em>date 17th nov</em></p>
</div>

lorem ipsum日期11月19日

因此，在

开始标记之前和

.twtr tweet text{}

类之后的

标记之后；
<div class="twtr-tweet-text">
    <p><img src="speech_left.jpg" />lorem ipsum <img src="speech_right.jpg" /><em>date 19th nov</em></p>
</div>

$（'.twtr tweet text em'）。在（''）之前；
除了以下功能外，您还可以使用：

$（''）.prependTo（$（'.twtr tweet text p'）；


编辑添加一个简单的JavaScript实现相同功能的方法：

$('<img src="speech_left.jpg" />').prependTo($('.twtr-tweet-text p'));

var elems=document.getElementsByTagName（'p'），
leftImageSrc='speech_left.jpg'，
rightImageSrc='speech_right.jpg'，
className='twtr推文文本'，
父级，//在循环中使用，如下所示
img；//在下面的循环中使用
对于（i=0；iIt将不起作用，并且不会带来错误，因此我的CSS调用不起作用。我认为jQuery可以进行CSS跳转，编辑代码。$（document）.ready（函数（）{$（'.twtr tweet text p'）。prepend（''）；$（'.twtr tweet text p em'）。before（''；}）；我如何在普通javaScript中做到这一点？我如何在普通javaScript中做到Scott Brown和你的答案？请参阅编辑/更新后的答案。我不确定IE（无法测试），但它在Chromium 14和Firefox 7中工作……这就是我使用jQuery:-）
$('<img src="speech_left.jpg" />').prependTo($('.twtr-tweet-text p'));

var elems = document.getElementsByTagName('p'),
    leftImageSrc = 'speech_left.jpg',
    rightImageSrc = 'speech_right.jpg',
    className = 'twtr-tweet-text',
    parent, // used in the loop, below
    img; // used in the loop, below

for (i=0;i<elems.length;i++){
    parent = elems[i].parentNode; // looking at two qualities of the parent,
                                  // so storing it in a variable
    if (parent.tagName.toLowerCase() == 'div' && parent.className == className){
    // the 'if' tests that the parent is a div, and
    // that the parent has a class-name of 'twtr-tweet-text'
        // left image:
        lImg = document.createElement('img');
        lImg.src = leftImageSrc;
        // the firstChild of the elems[i] element is the textNode
        elems[i].insertBefore(lImg,elems[i].firstChild);

        // right image:
        rImg = document.createElement('img');
        rImg.src = rightImageSrc;
        elems[i].appendChild(rImg);
    }
}