jQuery并追加而不增加空间

前端之家收集整理的这篇文章主要介绍了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/

猜你在找的jQuery相关文章