同时前置和追加

Question

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

...前置和附加两次。如何在 p + rdquo 中添加 ldquo + 任何内容？

谢谢！

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