同時添加和追加

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' });