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 第一个段落中的文本，无论该段落是否有链接？

Working jsFiddle .

Answer 1

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

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

这是一个jsFiddle .