jQuery并追加而不增加空间

我有代码：

<div class="message">
    <span>Menu 1</span><span>Menu 2</span>
</div>

注意：跨度标签之间没有空格.如果我使用：

$('.message').append('<span>Menu 3</span>');

append在行中添加了一个空格.有没有其他方法放置标签而不必添加空间？

我需要jquery生成如下代码：

<div class="message">
    <span>Menu 1</span><span>Menu 2</span><span>Menu 3</span>
</div>

谢谢.

解决方法

这解决了这个问题：

$('.message span:last-child').after('<span>Menu 3</span>');​

jQuery在换行符之后附加你的新项目.使用span:last-child将选择最后一个菜单项,然后使用.after()将直接添加新项目.

请注意,如果.message当前为空,这将不起作用.您需要检查并使用您当前的代码来添加第一个元素.

看到结果：http://jsfiddle.net/ZbSCU/

原文地址：https://www.jb51.cc/jquery/176423.html