2012-04-03 48 views
2

在這裏,在這個網站,我需要得到的圖像名稱arrow_down使用jQuery和獲取圖像名稱後,在我的代碼將其設置爲可變x.Here我在使用該名稱,如果其他條件如何使用jquery查找圖像名稱?

<a style="color: #FFFFFF; text-decoration: none;" id="imageDivLink" href="#"> 
<img name="arrow" class="img-swap" src="Images/arrow_down.jpg" width="13" height="13" border="0" alt="" /></a> 

 $('#imageDivLink').click(function() { 
      var x = $("img[src$='arrow_down.jpg'][name='arrow']"); 

     if (x == arrow_down) { 
      $('#MainContent_IFTrendAnalysis').animate({ height: '+=120' }, 500); 
     } 
     else { 
      $('#MainContent_IFTrendAnalysis').animate({ height: '-=120' }, 500); 
     } 
}); 

有什麼建議嗎?

+0

你想要'src'屬性中的'name'屬性或圖像名稱嗎? – 2012-04-03 13:01:27

+0

$('#imageDivLink')。children('img')。attr('name');應該管用 – 2012-04-03 13:00:51

回答

1

使用attr(「src」)來獲取src屬性。

$('#imageDivLink').click(function() { 
     var x = $("img[src$='Images/arrow_down.jpg'][name='arrow']"); 

    if (x.attr("SRC") == "Images/arrow_down.jpg") { 
     $('#MainContent_IFTrendAnalysis').animate({ height: '+=120' }, 500); 
    } 
    else { 
     $('#MainContent_IFTrendAnalysis').animate({ height: '-=120' }, 500); 
    } 
}); 
1

我會給圖像像下面

<img name="arrow" class="img-swap" id="myImage" src="Images/arrow_down.jpg" width="13" heigh="13" border="0" alt="" /></a> 

然後使用jQuery你可以抓住的屬性名稱這樣

var imageName = $('#myImage').attr('name'); 

希望幫助

1

您可以將ID使用jQuery提供的.attr()函數。

您可以創建自定義屬性&在jQuery中訪問它。

然後jQuery中 $()jQuery的(函數(){

var v=$('#id').attr('CustomName'); 

})。

2

BART s是基本上是正確的 - 但要完成的jQuery:

$('#imageDivLink').on('click',function() { 
    var imgName = $(this).find('img').attr('name'); 

    if(imgName === 'arrow_down') { 
     //do something 
     } 
    else { 
     //do something else 
     } 
} 
0

HTML:

<img class="zoom_img" src="images/8.jpg" id="my_img" name="my_img"/> 

的jQuery:

要通過使用類名獲取名稱使用下面的例子:

$('.zoom_img').click(function(e){ 
    var fileName = $(this).attr('src'); 
    var fieldName = $(this).attr('name');  
    alert('FileName : ' + fileName + '\nFieldName : ' + fieldName); 
}); 

要使用id字段使用下面的例子中得到名字:

$('#my_img').click(function(e){ 
    var fileName = $('#my_img').attr('src'); 
    var fieldName = $(this).attr('name');  
    alert('FileName : ' + fileName + '\nFieldName : ' + fieldName); 
}); 

注:當使用字段id,我們可以通過域ID或獲得的價值無論是關鍵詞。