2011-06-29 7 views
0

私がクリックしたリンク(クラス "checkVacancy a")内でクラス "imgBtn"を見つけるために必要なセレクタは何ですか?jquery find element

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

これは私がこれはcheckVacancyのdiv内a以内にあなたのすべてimgBtnを取得します

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

答えて

5

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

これは、クリックしたリンク内の画像を検索します。

0

を使用JSです:あなたが欲しい

$('div.checkVacancy a .imgBtn') 
1

私が正しくあなたの問題を理解していれば、私はこのように、あなたは.imgBtnセレクタに「この」を追加する必要があると思う:

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

この機能を使用します。

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