javascript - jQuery：获取可能包含或不包含链接的段落标记的文本内容

Question

我使用以下方法成功获取了 div 集合中第一段的文本：

$('#businessListings div.listing').each(function() {
    console.log('text: ' + $(this).find('p:first').html());
});

一个示例 div 如下所示：

<div id="businessListings" class="unifyRepeatArea">
    <div class="unifyRepeat listing">
        <p>123 ABC Child Care</p>
        <p>Jane Doe, Owner</p>
        <p>555-555-1234</p>
        <img src="images/123ABCchildcare.jpg" width="50" height="50">
    </div>
...
</div>

问题是，集合中的某些段落可能有一个链接：

<p><a href="http://www.123abcchildcare.com">123 ABC Child Care</a></p>

我怎样才能得到每个 div 的第一段中的文本，无论该段是否有链接？

工作 jsFiddle。

Answer 1

您应该尝试使用text()而不是html()：

$('#businessListings div.listing').each(function() {
    console.log('text: ' + $(this).find('p:first').text());
});

这是一个jsFiddle。