jquery - 付加と付加を同時に行う

Question

$('.testimonials blockquote p')
.prepend('<span class="quo ldquo">&ldquo;</span>')
.append('<span class="quo rdquo">&rdquo;</span>');

...2回追加および追加します。ldquo+をp+rdquo内のコンテンツの前に追加するにはどうすればよいですか？

ありがとう！

Answer 1

この最後に、コードが2回追加/追加されることはありません。このテストHTMLに対して実行すると

<div class='testimonials'>
<blockquote><p>Testing</p></blockquote>
<blockquote><p>One</p></blockquote>
<blockquote><p>Two</p></blockquote>
<blockquote><p>Three</p></blockquote>
</div>

...各段落が引用符で囲まれています（2つではなく1つのペアのみ）。

おそらくあなたのCSSは引用符を適用していて（quoそしてldquo/ rdquotCSSクラスを見てください）、そしてもちろんあなたはそれらもあなたのマークアップに含めているので、それぞれ2つになってしまいます。

Answer 2

セレクターが2つの要素に一致するか、p要素が誤ってネストされている可能性があります。

を追加する:firstか、これを試して、一致する数を確認することができます

alert($('.testimonials blockquote p').length);

または、このように一致しているものを確認してください

$('.testimonials blockquote p').css({ border: '1px solid red' });