CODEWITHSUNDEEP
jqueryjquery-selectors
strike_noir
strike_noir

Reputation: 4174

jquery select element inside a class

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 ?

Upvotes: 40

Views: 86882

Answers (4)

Hygison Brandao
Hygison Brandao

Reputation: 720

You can use :

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

Or

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

Upvotes: 0

ScottyG
ScottyG

Reputation: 3420

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()

Upvotes: 4

awgy
awgy

Reputation: 16934

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')

Upvotes: 64

Sampson
Sampson

Reputation: 268472

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/

Upvotes: 11

Related Questions