jquery select element inside a class

Question

I want to select an anchor inside a div like this

<div class="response content">
  Disapproved Bank Mandiri<br><br>
  <p>
    <a class="showlist" href="#">Back to list?</a>
  </p>
</div>

What is the jquery to do this ?

Answer 1

Any anchor in a div with "response" and "content" classes:

$('.response.content a')

Or only anchors with a class of "showlist":

$('.response.content a.showlist')

Answer 2

If you require both classes on the DIV:

$("div.response.content a.showlist");

If not,

$("div.response a.showlist");

To learn more about basic usage of jQuery Selectors, visit http://api.jquery.com/category/selectors/

Answer 3

Another way you could solve this is using jQuery .find()

Here is an example of using find() to select all elements in a div with the class "response content".

jQuery('.response.content').find('a');

This is also a helpful post that visits the topic of selectors vs. .find()

Answer 4

You can use :

$('.response').find('a');

Or

$('.response').find('.showlist');