jQuery .append() 没有换行符

Nat*_*pos 0 html javascript xml jquery text-alignment

我正在使用带有以下代码的 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();
}
Run Code Online (Sandbox Code Playgroud)

并使用以下 XML:

<Navbar>
    <Nav name="Home">
        <Link>index.html</Link>
    </Nav>
    <Nav name="Twitter">
        <Link>http://twitter.com/nathanpc</Link>
    </Nav>
</Navbar>
Run Code Online (Sandbox Code Playgroud)

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

spb*_*spb 5

尝试将其div更改为span

  • 是的,默认情况下 div 是块级的,这意味着它们将清除它之前的元素并从“新行”开始。 (2认同)