同时添加和追加

Question

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

...前置并追加TWICE。我如何预先输入“+ p + rdquo中的任何内容”？

谢谢！

Answer 1

您的代码不前插/追加两次在这一端。当我运行针对该测试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> 

...我结束了在引号每个段落（只是一对，而不是两个）。

也许你的CSS正在申请引号（看quo和ldquo/rdquot CSS类），然后当然你也包括他们在你的标记，所以结束了每两个。

Answer 2

也许你的选择器匹配2个元素，或者你有不正确的嵌套p元素。

你可以添加一个:first，或试试这个，看看它是如何匹配许多

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

或看看他们都匹配这样

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