通过 jQuery 访问 HTML 元素时看到的额外字符(换行符/空格)

Question

我正在尝试访问ul中的li元素。我是新手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());