Javascript jquery追加和预加额外引号

我有一个“关于”的部分，我试图把引语拉到一边。我用

将我想写的文字围在旁边，我的引文在这里

。我有3个例子，我把引号拉到一边。第一个实例添加3组引号，第二个实例添加2组引号，第三个也是最后一个实例添加正确的1组引号

我还在学习jQuery，但我想到了以下几点：

$(document).ready(function(){
    $('span.pq').each(function(){
        var quote = $(this).clone();
        quote.removeClass('pq');
        quote.addClass('pullquote');
        $(this).before(quote);
        $('.pullquote')
            .prepend('<span class="pq">&ldquo;</span>')
            .append('<span class="pq">&rdquo;</span>');
    })//end each
});//end ready

$（文档）.ready（函数（）{
$（'span.pq'）。每个（函数（）{
var quote=$（this.clone（）；
quote.removeClass（“pq”）；
quote.addClass（'pullquote'）；
$（此）。在（报价）之前；
$（“.pullquote”）
.prepend（“&ldquo；”）
。附加（“&rdquo；”）；
})//结束每一个
});//准备就绪

对于引号，实际上有两个标准的HTML标记，它们带有引号的语义含义，

表示短（内联）引号，

表示长引号。CSS伪元素可用于在每个标记前加上引号

HTML

<q>hello world</q>
<blockquote>A much longer quote... A much longer quote... A much longer quote... A much longer quote... A much longer quote...</blockquote>

---

对于引号，实际上有两个标准的HTML标记，带有引号的语义含义，

表示短（内联）引号，

表示长引号。CSS伪元素可用于在每个标记前加上引号

HTML

<q>hello world</q>
<blockquote>A much longer quote... A much longer quote... A much longer quote... A much longer quote... A much longer quote...</blockquote>

---

在

each（）

循环的

span.pq

元素的每次迭代中，您都在每个

.pullquote

元素上预加和追加跨距。您应该将该代码放在

each（）

之外，因为它将对每个

.pullquote

元素进行操作。类似这样的内容（注意：未测试，可能需要更改）：

$（文档）.ready（函数（）{
$（'span.pq'）。每个（函数（）{
var quote=$（this.clone（）；
quote.removeClass（“pq”）；
quote.addClass（'pullquote'）；
$（此）。在（报价）之前；
})//结束每一个
$（“.pullquote”）
.prepend（“&ldquo；”）
。附加（“&rdquo；”）；
});//准备就绪

您在

span.pq

元素上的

each（）

循环的每次迭代中，在每个

.pullquote

元素上预加和追加跨距。您应该将该代码放在

each（）

之外，因为它将对每个

.pullquote

元素进行操作。类似这样的内容（注意：未测试，可能需要更改）：

$（文档）.ready（函数（）{
$（'span.pq'）。每个（函数（）{
var quote=$（this.clone（）；
quote.removeClass（“pq”）；
quote.addClass（'pullquote'）；
$（此）。在（报价）之前；
})//结束每一个
$（“.pullquote”）
.prepend（“&ldquo；”）
。附加（“&rdquo；”）；
});//准备就绪

JS似乎没有必要这样做。。。你确定你不能只用CSS伪元素，或者一个精灵来定位背景图像吗？@elclanrs我不太清楚你的意思。你能给我举个例子吗？JS似乎没有必要这么做。。。你确定你不能只用CSS伪元素，或者一个精灵来定位背景图像吗？@elclanrs我不太清楚你的意思。你能给我举个例子吗？

$(document).ready(function(){
    $('span.pq').each(function(){
        var quote = $(this).clone();
        quote.removeClass('pq');
        quote.addClass('pullquote');
        $(this).before(quote);            
    })//end each
    $('.pullquote')
        .prepend('<span class="pq">&ldquo;</span>')
        .append('<span class="pq">&rdquo;</span>');
});//end ready