Jquery只选择这个DIV中的内容？

Question

HTML:

<div class="article">
<div class="article-content">
    <p><a href="javascript:;">Flygor</a> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam et est sit amet eros inter dum auctor vel semper quam. Vivamus non purus amet.</p>
    <div class="wrap btn-actions">
        <div class="col"><a href="#" class="bt bt-medium" title="Retweet this" target="_blank">REPLY</a>
            <a href="javascript:;" class="bt bt-large retweet">RETWEET</a><a href="javascript:;" class="bt bt-icon">
        </div>
    </div>
</div>

我有这个 JavaScript:

    $('.retweet').click(function() {
    var retweetText =  $(this).('.article-content p').text();
});

所以我想要 DIV.article-content 中的 p 标签，但只是在这个中。我的页面上有大约 10 篇文章内容，当用户单击 DIV.retweet 时，我只想在该 DIV 中提取 p 标签。

Answer 1

实际上，您的 Javascript 非常接近。你需要使用.parents()，因为.article-content是.retweet上面的多个父项，然后再向下到子项，p.

编辑:

正如 @ShaneBlake 指出的，.closest() 更适合这种情况。 .closest() 仅抓取它遍历的第一个 .article-content，而 .parents() 会抓取所有内容。因此，现在是代码。

$('.retweet').click(function() {
   $(this).closest('.article-content').children('p').text();
});