同时前置和附加

时间:2010-06-01 13:18:57

标签: jquery dom-manipulation

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

...预先添加并附加TWICE。我如何在p + rdquo中添加ldquo +任何内容?

谢谢!

2 个答案:

答案 0 :(得分:2)

也许您的选择器匹配2个元素,或者您错误地嵌套了p个元素。

您可以添加:first,或尝试此操作以查看匹配的数量

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

或查看他们匹配的内容

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

答案 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>

...我最后用引号中的每个段落(只有一对,而不是两段)。

也许您的CSS正在应用引号(查看quoldquo / rdquot CSS类),当然您还 将它们包含在你的标记中,最后得到两个。