0

「概要」セクションがあり、引用を脇に寄せようとしています。私は<span class='pq'>私の引用はここにあります</span>. 引用符を横に引っ張る例が 3 つあります。最初のインスタンスは 3 セットの引用符を追加し、2 番目は 2 セットの引用符を追加し、3 番目と最後のインスタンスは正しい 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
4

2 に答える 2

2

要素に対するループ.pullquoteの各反復で、各要素のスパンを先頭に追加して追加しています。すべての要素で動作するため、代わりにそのコードを の外に配置する必要があります。このようなもの（注：テストされていないため、変更が必要な場合があります）：each()span.pqeach().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
于 2013-04-02T23:37:43.273 に答える