如何從'ul'標簽獲取文本？

Question

我正在使用Java Jsoup來獲取一些詳細信息。

<ul class="vcard-details"> 
 <li class="vcard-detail" itemprop="homeLocation"><span class="octicon octicon-location"></span>Caldwell, Idaho, USA</li> 
 <li class="vcard-detail"><span class="octicon octicon-mail"></span><a class="email" href="mailto:jamisbuck@gmail.com">jamisbuck@gmail.com</a></li> 
 <li class="vcard-detail" itemprop="url"><span class="octicon octicon-link"></span><a href="http://blog.jamisbuck.org" class="url" rel="nofollow me">http://blog.jamisbuck.org</a></li> 
 <li class="vcard-detail"><span class="octicon octicon-clock"></span><span class="join-label">Joined on </span><time class="join-date" datetime="2008-02-28T17:37:32Z" day="numeric" is="local-time" month="short" year="numeric" title="Feb 28, 2008, 11:07 PM GMT+5:30">Feb 28, 2008</time></li> 
</ul>

我已經使用了上面的部分。

Element bio = doc.getElementsByClass("vcard-details").first();

有什么辦法可以讓我得到“ 美國愛達荷州考德威爾 ”的文字？ 我正在嘗試使用類名'octicon octicon-location'，因為我需要單獨獲取所有這些屬性（僅當它們可用時）。

Answer 1

您要使用的類的Span不包含任何值，因為它在文檔“ Caldwell，Idaho，Usa”出現之前已關閉。 要訪問li標簽的內容，您可以使用下面的代碼。 然后，您可以操縱字符串以擺脫Span標記。

var value = document.querySelector('li.vcard-detail').innerHTML;

Answer 2

使用jsoup的選擇器語法 ：

Element first = doc.select("ul.vcard-details > li.vcard-detail").first();
System.out.println(first.text());

輸出：

Caldwell, Idaho, USA

有什么辦法可以獲取文字

是： text() 。

Answer 3

您可以使用以下代碼

document.getElementsByClassName("vcard-detail")[0].innerHTML).split("</span>")[1]