通过jquery访问html元素时看到的额外字符（换行符/空格）

Question

我正在尝试访问li中的ul元素。我是新手jquery用户，我相信我犯了一些错误，因为我看到了额外的字符 （换行符/空格）当我尝试打印li元素的值时。

有人可以让我知道我在这里做错了什么。

$(function () {
var a=$('ul.nav').find('li#tab2').text();
alert(a + '|next_text|');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<ul class="nav">
        <li id='tab1'><a href="?call=tab1">tab1</a>
        </li>
        <li>|</li>
        <li id='tab2'><a href="?call=tab2">tab2</a>
        </li>
        <li>|</li>
        <li id='tab3'><a href="?call=tab3">tab3</a>
        </li>
        <li>|</li>
        <li id='tab4'><a href="?call=tab4">tab4</a>
        </li>
    </ul>

Answer 1

在我找到的文档中

由于不同浏览器中HTML解析器的差异，返回的文本可能会在换行符和其他空格中有所不同。 您看到http://api.jquery.com/text/

您可以使用

$.trim($('ul.nav').find('li#tab2').text());