用jQuery获得最接近的元素

Question

我有这个标记:

<div class="news-listItem">
     <p class="date">Date: 06.03.2012</p>
     <h2><a href="#">test aaaaa</a></h2>
     <div class="news-content">Lorem ipsum lorem ipsum Lorem ipsum lorem ipsum Lorem ipsum lorem ipsum Lorem ipsum lorem ipsum Lorem ipsum lorem ipsum Lorem ipsum lorem ipsum Lorem ipsum lorem ipsum</div>
     <a href="#" class="read-more">Read more</a>
</div>

我想根据div获取更多阅读按钮class="news-content".我的jQuery代码如下所示:

$('.news-content').closest('a.read-more').on('click', function(){
// code here
});

但这不起作用.我在页面上有多个帖子,所以我不能这样做$('a.read-more').

Answer 1

.closest()遍历DOM树.你需要的是.next():

$('.news-content').next('a.read-more')

Answer 2

的closest^[API]的方法得到的祖先.您需要siblings^[API]方法.

$('.news-content').siblings('a.read-more').on('click', function(){
// code here
});