jquery查找元素

Question

我需要什么选择器才能在我点击的链接（class - “checkVacancy a”）中找到类“imgBtn”？

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

这是JS我用

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

Answer 1

你需要的是

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

这会在您点击的链接中找到图片。

Answer 2

这将让您在a所有imgBtn内checkVacancy的div：

$('div.checkVacancy a .imgBtn') 

Answer 3

如果我正确理解你的问题，我认为你需要添加“这个”你.imgBtn选择，如：

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

Answer 4

使用此功能：

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