jQuery Girl
  1. jQuery Girl
  3. jQuery – Comment remplacer img src sur un élément cliqué?
Intereting Posts
Index de sorting jqGrid par nom de colonne Accordéon jQuery pour plusieurs listes nestedes La définition du débordement sur masqué dans la division parent supprime la division enfant dans Safari. jQuery 1.4.3 vsdoc jquery match: comment savoir si un mot clé existe dans un tableau? Comment faire pour activer / survoler les liens de navigation d’ID côté pendant que je fais défiler jusqu’à leur div Jquery ayant le signe dièse dans le sélecteur Ajouter des lignes à une table avec jQuery Comment vérifier si une valeur n’est PAS dans un tableau utilisant jQuery jQuery faire quelque chose quand la classe de boutons bascule Bootstrap est active Animations jQuery: fadeIn () masqué div, ne montrant pas le contenu Comparaison de jQuery val () Javascript et JQuery, comment vérifier si l’élément option existe dans select? TypeError: $ items n’est pas défini jquery sur chaque Supprimer l’object jQuery de div

jQuery – Comment remplacer img src sur un élément cliqué?

HTML: 

 
 Image name1 Image name2 Image name3

JS: 

 $('#thumbs a').click(function(evt) { evt.preventDefault(); var clickedElement = $(this).clone(); $('#panel').empty().append(clickedElement); });

Donc cela fonctionne et je veux juste changer w = 30 & h = 30 de l’image src sur l’ancre cliquée en w = 200 & h = 200 et ensuite être ajouté au #panneau. 

 $('#thumbs a').click(function(evt) { var clickedElement = $(this).clone().find('img').attr('src', function(i, src){ return src.replace('w=30&h=30', 'w=200&h=200') }).end() $('#panel').html(clickedElement); });

VIOLON 

 $('#thumbs a').click(function(evt) { evt.preventDefault(); var clickedElement = $(this).clone(); var img = clickedElement.find('img'), imgSrc = img.attr('src').replace(/w=30&h=30/, 'w=200&h=200'); img.attr('src', imgSrc); $('#panel').empty().append(clickedElement); });