Comment trouver le nom de l'image à l'aide de jquery?

Ici, dans cette html, j'ai besoin d'obtenir le nom de l'image arrow_down à l'aide de jquery et de les mettre en une variable x.Ici dans mon code après le nom de l'image que j'ai d'utiliser ce nom dans si la condition else 

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

et

     $('#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);
        }
 });

Toute suggestion?

  • $('#imageDivLink').les enfants('img').attr('name'); devrait fonctionner
  • Voulez-vous le name attribut ou le nom de l'image trouvée dans le src attribut?
InformationsquelleAutor bala3569 | 2012-04-03
  1. 1

    utilisation attr("src") pour obtenir l'attribut 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);
    }
});
    InformationsquelleAutor Matt Fellows
  2. 3

    bart s est surtout à droite - mais pour compléter le jquery:

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

    if(imgName === 'arrow_down') {  
        //do something 
       }
    else {  
        //do something else 
       }
 }
    InformationsquelleAutor chipcullen
  3. 1

    Je voudrais donner à l'image un ID comme ci-dessous

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

    Puis à l'aide de jquery, vous pouvez saisir le nom de l'attribut comme ce

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

    Espère que ça aide

    InformationsquelleAutor Mark Walters
  4. 1

    Vous pouvez utiliser le .attr() fonction fournie par jQuery.

    Vous pouvez créer des attributs personnalisés & l'accès en jQuery.

    Exemple

    Puis en jQuery
    $().jQuery(function(){

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

    });

    InformationsquelleAutor Hiren H Patel
  5. 0

    HTML:

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

    jQuery:

    Pour obtenir le nom en utilisant le nom de classe utiliser l'exemple ci-dessous:

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

    Pour obtenir le nom en utilisant le champ id de l'utilisation de l'exemple ci-dessous:

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

    Remarque: Lors de l'utilisation de numéro de champ, nous pouvons obtenir la valeur en utilisant le champ id ou ce mot-clé.

    InformationsquelleAutor Srinivasan.S