jquery find element

Question

What is the selector I need in order to find the class "imgBtn" inside the link that I clicked (class - "checkVacancy a")?

      <div class="checkVacancy">
    <a rel="123">
        <img class="imgBtn" alt="" src="App_Themes/popup/bilder/btn_pruefen.png">
    </a>
    <div class="32531302a"></div>
  </div>
  <div class="checkVacancy">
    <a rel="123">
        <img class="imgBtn" alt="" src="App_Themes/popup/bilder/btn_pruefen.png">
    </a>
    <div class="32531302b"></div>
  </div>
  <div class="checkVacancy">
    <a rel="123">
        <img class="imgBtn" alt="" src="App_Themes/popup/bilder/btn_pruefen.png">
    </a>
    <div class="32531302c"></div>
  </div>

This is the JS I use

   $(function(){
        $('.checkVacancy a').click(function() {

          //access only child image
          $('.imgBtn').attr('src','http://www.ajaxload.info/cache/9D/E5/1C/00/00/00/1-0.gif');                  

        });
    });

example jsbin

JohnP · Accepted Answer · 2011-06-29 09:37:20Z

4

What you want is

var imgBtn = $(this).find('.imgBtn');

This will find the image within the link that you clicked.

answered Jun 29, 2011 at 9:37

JohnP

50k13 gold badges112 silver badges142 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Somnath Muluk · Accepted Answer · 2012-03-23 17:57:28Z

1

Use this function:

$(".checkVacancy a").click(function() {
   var theImage = $(this).find(".imgBtn"); 
});

edited Mar 23, 2012 at 17:57

Somnath Muluk

58.3k39 gold badges225 silver badges230 bronze badges

answered Jun 29, 2011 at 9:38

James Allardice

166k22 gold badges335 silver badges316 bronze badges

Comments

Giann · Accepted Answer · 2011-06-29 09:36:18Z

0

This will get you all imgBtn within a within checkVacancy divs:

$('div.checkVacancy a .imgBtn')

answered Jun 29, 2011 at 9:36

Giann

3,2003 gold badges24 silver badges33 bronze badges

Comments

Steve Claridge · Accepted Answer · 2011-06-29 09:37:29Z

0

If I understand your problem correctly, I think you need to add "this" to your .imgBtn selector, like this:

$('.imgBtn', this).attr('src','http://www.ajaxload.info/cache/9D/E5/1C/00/00/00/1-0.gif');

answered Jun 29, 2011 at 9:37

Steve Claridge

11.2k8 gold badges35 silver badges36 bronze badges

Collectives™ on Stack Overflow

jquery find element

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related