jQuery:获取段落标记的文本内容,可能包含也可能不包含链接

时间:2013-03-07 13:13:58

标签: javascript html jquery

我使用以下方法成功获取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

1 个答案:

答案 0 :(得分:2)

您应该尝试使用text()代替html()

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

这是jsFiddle