jQuery .append() 没有换行符答案

【问题标题】：No Line Break With jQuery .append()jQuery .append() 没有换行符
【发布时间】：2011-09-22 20:11:47
【问题描述】：

我正在使用带有以下代码的 jQuery 解析 XML：

function appendNav(xml) {
    $(xml).find("Nav").each(function() {
        $("#navBar").append("<a id='navItem' href='" + $(this).find("Link").text() + "'>" + $(this).attr("name") + "</a>");
        $("#navBar").append("<div class='navItemSep'> | </div>");
    });

    $(".navItemSep").filter(":last").remove();
}

并使用以下 XML：

<Navbar>
    <Nav name="Home">
        <Link>index.html</Link>
    </Nav>
    <Nav name="Twitter">
        <Link>http://twitter.com/nathanpc</Link>
    </Nav>
</Navbar>

问题是我在多行而不是单行上得到这个。我需要做什么才能让它在一行上输出？

【问题讨论】：

标签： javascript jquery html xml text-alignment

【解决方案1】：

尝试将div 更改为span

【讨论】：

是的，默认情况下 div 是块级的，这意味着它们会清除它之前的元素并从“新行”开始。