Getting closest element with jQuery
I have this markup:
<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>
I want to get a div based read more button class="news-content"
. My jQuery code looks like this:
$('.news-content').closest('a.read-more').on('click', function(){
// code here
});
But it doesn't work. I have multiple posts on the page so I can't seem to do $('a.read-more')
.
+3
source to share