javascript - jquery 附加和前置额外引号

Question

我有一个“关于”部分，我正在尝试将引号拉到一边。我用 <span class='pq'> 将我想要拉到一边的文本包围起来。我的报价在这里 </span> 。我有 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

Answer 1

您在 span.pq 上的 each() 循环的每次迭代中，在每个 .pullquote 元素上添加和附加跨度> 元素。您应该将该代码放在 each() 之外，因为它将对每个 .pullquote 元素进行操作。像这样的东西(注意:未经测试，可能需要更改):

$(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